diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 08:48:37 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 08:48:37 +0900 |
| commit | f3c0af7e2308bb019c6f973f51de115653f1a9af (patch) | |
| tree | ec7aefa99f2637e6f9de22911ba8d6913d739961 /packages/frontend/src/components/MkNotes.vue | |
| parent | Update vite.config.ts (diff) | |
| download | sharkey-f3c0af7e2308bb019c6f973f51de115653f1a9af.tar.gz sharkey-f3c0af7e2308bb019c6f973f51de115653f1a9af.tar.bz2 sharkey-f3c0af7e2308bb019c6f973f51de115653f1a9af.zip | |
refactor(client): use css modules
Diffstat (limited to 'packages/frontend/src/components/MkNotes.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNotes.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/frontend/src/components/MkNotes.vue b/packages/frontend/src/components/MkNotes.vue index 66bb3f261e..73659fd501 100644 --- a/packages/frontend/src/components/MkNotes.vue +++ b/packages/frontend/src/components/MkNotes.vue @@ -8,9 +8,9 @@ </template> <template #default="{ items: notes }"> - <div class="giivymft" :class="{ noGap }"> - <MkDateSeparatedList ref="notes" v-slot="{ item: note }" :items="notes" :direction="pagination.reversed ? 'up' : 'down'" :reversed="pagination.reversed" :no-gap="noGap" :ad="true" class="notes"> - <XNote :key="note._featuredId_ || note._prId_ || note.id" class="qtqtichx" :note="note"/> + <div :class="[$style.root, { [$style.noGap]: noGap }]"> + <MkDateSeparatedList ref="notes" v-slot="{ item: note }" :items="notes" :direction="pagination.reversed ? 'up' : 'down'" :reversed="pagination.reversed" :no-gap="noGap" :ad="true" :class="$style.notes"> + <XNote :key="note._featuredId_ || note._prId_ || note.id" :class="$style.note" :note="note"/> </MkDateSeparatedList> </div> </template> @@ -36,8 +36,8 @@ defineExpose({ }); </script> -<style lang="scss" scoped> -.giivymft { +<style lang="scss" module> +.root { &.noGap { > .notes { background: var(--panel); @@ -48,7 +48,7 @@ defineExpose({ > .notes { background: var(--bg); - .qtqtichx { + .note { background: var(--panel); border-radius: var(--radius); } |