diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-14 15:02:14 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-14 15:02:14 +0900 |
| commit | 3db84a2e8f2780d555edce3b962e4398ea3fa643 (patch) | |
| tree | c6695d6d5b5c6ce7dfb79299101d4ba8c9b753c5 /packages/frontend | |
| parent | refactor(client): use css modules (diff) | |
| download | sharkey-3db84a2e8f2780d555edce3b962e4398ea3fa643.tar.gz sharkey-3db84a2e8f2780d555edce3b962e4398ea3fa643.tar.bz2 sharkey-3db84a2e8f2780d555edce3b962e4398ea3fa643.zip | |
refactor(client): use css modules
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkPopupMenu.vue | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkPopupMenu.vue b/packages/frontend/src/components/MkPopupMenu.vue index 34af209c06..93b9eb401d 100644 --- a/packages/frontend/src/components/MkPopupMenu.vue +++ b/packages/frontend/src/components/MkPopupMenu.vue @@ -1,6 +1,6 @@ <template> <MkModal ref="modal" v-slot="{ type, maxHeight }" :z-priority="'high'" :src="src" :transparent-bg="true" @click="modal.close()" @close="emit('closing')" @closed="emit('closed')"> - <MkMenu :items="items" :align="align" :width="width" :max-height="maxHeight" :as-drawer="type === 'drawer'" class="sfhdhdhq" :class="{ drawer: type === 'drawer' }" @close="modal.close()"/> + <MkMenu :items="items" :align="align" :width="width" :max-height="maxHeight" :as-drawer="type === 'drawer'" :class="{ [$style.drawer]: type === 'drawer' }" @close="modal.close()"/> </MkModal> </template> @@ -26,12 +26,10 @@ const emit = defineEmits<{ let modal = $shallowRef<InstanceType<typeof MkModal>>(); </script> -<style lang="scss" scoped> -.sfhdhdhq { - &.drawer { - border-radius: 24px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } +<style lang="scss" module> +.drawer { + border-radius: 24px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } </style> |