use css module

This commit is contained in:
syuilo 2023-04-08 14:32:21 +09:00
parent 05aa0fa11a
commit 551b00302b

View file

@ -1,8 +1,8 @@
<template> <template>
<div class="msjugskd _block"> <div :class="$style.root">
<i class="ti ti-plane-departure" style="margin-right: 8px;"></i> <i class="ti ti-plane-departure" style="margin-right: 8px;"></i>
{{ i18n.ts.accountMoved }} {{ i18n.ts.accountMoved }}
<MkMention class="link" :username="acct" :host="host ?? localHost"/> <MkMention :class="$style.link" :username="acct" :host="host ?? localHost"/>
</div> </div>
</template> </template>
@ -17,17 +17,16 @@ defineProps<{
}>(); }>();
</script> </script>
<style lang="scss" scoped> <style lang="scss" module>
.msjugskd { .root {
padding: 16px; padding: 16px;
font-size: 90%; font-size: 90%;
background: var(--infoWarnBg); background: var(--infoWarnBg);
color: var(--error); color: var(--error);
border-radius: var(--radius); border-radius: var(--radius);
}
> .link { .link {
margin-left: 4px; margin-left: 4px;
color: var(--accent);
}
} }
</style> </style>