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