natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/components/MkCheatSheetDialog.vue
View File

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

14
packages/client/src/pages/mfm-cheat-sheet.vue
View File

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