diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 08:32:20 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 08:32:20 +0900 |
| commit | ffc29aa6f5194dab8fb9a972dc28f0c9de6657eb (patch) | |
| tree | 1085af85daf86ae28bce34d99b39cbcd9cf60f3d | |
| parent | refactor(client): use css modules (diff) | |
| download | misskey-ffc29aa6f5194dab8fb9a972dc28f0c9de6657eb.tar.gz misskey-ffc29aa6f5194dab8fb9a972dc28f0c9de6657eb.tar.bz2 misskey-ffc29aa6f5194dab8fb9a972dc28f0c9de6657eb.zip | |
refactor(client): use css modules
| -rw-r--r-- | packages/frontend/src/components/MkInfo.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkInfo.vue b/packages/frontend/src/components/MkInfo.vue index 7aaf2c5bcb..dc7344d707 100644 --- a/packages/frontend/src/components/MkInfo.vue +++ b/packages/frontend/src/components/MkInfo.vue @@ -1,7 +1,7 @@ <template> -<div class="fpezltsf" :class="{ warn }"> - <i v-if="warn" class="ti ti-alert-triangle"></i> - <i v-else class="ti ti-info-circle"></i> +<div :class="[$style.root, { [$style.warn]: warn }]"> + <i v-if="warn" class="ti ti-alert-triangle" :class="$style.i"></i> + <i v-else class="ti ti-info-circle" :class="$style.i"></i> <slot></slot> </div> </template> @@ -14,8 +14,8 @@ const props = defineProps<{ }>(); </script> -<style lang="scss" scoped> -.fpezltsf { +<style lang="scss" module> +.root { padding: 12px 14px; font-size: 90%; background: var(--infoBg); @@ -26,9 +26,9 @@ const props = defineProps<{ background: var(--infoWarnBg); color: var(--infoWarnFg); } +} - > i { - margin-right: 4px; - } +.i { + margin-right: 4px; } </style> |