From 551b00302b15bc7137ed3de8f1ae31909c7806bd Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 8 Apr 2023 14:32:21 +0900
Subject: [PATCH] use css module
---
.../frontend/src/components/MkAccountMoved.vue | 15 +++++++--------
1 file changed, 7 insertions(+), 8 deletions(-)
diff --git a/packages/frontend/src/components/MkAccountMoved.vue b/packages/frontend/src/components/MkAccountMoved.vue
index 1d4fbd9a54..fd472de6c1 100644
--- a/packages/frontend/src/components/MkAccountMoved.vue
+++ b/packages/frontend/src/components/MkAccountMoved.vue
@@ -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 {
- margin-left: 4px;
- color: var(--accent);
- }
+.link {
+ margin-left: 4px;
}
</style>
--
GitLab