use css module
This commit is contained in:
parent
05aa0fa11a
commit
551b00302b
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue