fix mfm-cheat-sheet styling

This commit is contained in:
Freeplay 2023-06-02 22:54:23 -04:00
parent 9ee51bc690
commit bf21b84129
2 changed files with 10 additions and 12 deletions

View File

@ -6,12 +6,7 @@
@closed="$emit('closed')"
>
<template #header>{{ i18n.ts._mfm.cheatSheet }}</template>
<div class="_monolithic_">
<div class="_section">
<XCheatSheet />
</div>
</div>
<XCheatSheet :popup="true" style="background: var(--bg)"/>
</XModalWindow>
</template>
@ -41,4 +36,5 @@ function close(res) {
.fade-leave-to {
opacity: 0;
}
</style>

View File

@ -1,8 +1,8 @@
<template>
<MkStickyContainer>
<template #header><MkPageHeader /></template>
<template #header><MkPageHeader v-if="!popup" /></template>
<MkSpacer :content-max="800">
<div :class="$style.root">
<div class="mfm-cheat-sheet">
<div>{{ i18n.ts._mfm.intro }}</div>
<br />
<div class="section _block">
@ -449,6 +449,10 @@ import { definePageMetadata } from "@/scripts/page-metadata";
import { i18n } from "@/i18n";
import { instance } from "@/instance";
defineProps<{
popup?: boolean
}>();
let preview_mention = $ref("@example");
let preview_hashtag = $ref("#test");
let preview_link = $ref(`[${i18n.ts._mfm.dummy}](https://calckey.org)`);
@ -514,10 +518,8 @@ definePageMetadata({
});
</script>
<style lang="scss" module>
.root {
background: var(--bg);
<style lang="scss" scoped>
.mfm-cheat-sheet {
> .section {
> .title {
position: sticky;