diff options
Diffstat (limited to 'packages/frontend/src/components/global')
9 files changed, 24 insertions, 22 deletions
diff --git a/packages/frontend/src/components/global/MkAcct.vue b/packages/frontend/src/components/global/MkAcct.vue index c3e806b5fb..4cebae25e2 100644 --- a/packages/frontend/src/components/global/MkAcct.vue +++ b/packages/frontend/src/components/global/MkAcct.vue @@ -18,7 +18,7 @@ defineProps<{ const host = toUnicode(hostRaw); </script> -<style lang="scss" scoped> +<style lang="scss"> .mk-acct { > .host { opacity: 0.5; diff --git a/packages/frontend/src/components/global/MkAd.vue b/packages/frontend/src/components/global/MkAd.vue index a80efb142c..238fada4a0 100644 --- a/packages/frontend/src/components/global/MkAd.vue +++ b/packages/frontend/src/components/global/MkAd.vue @@ -92,7 +92,7 @@ function reduceFrequency(): void { } </script> -<style lang="scss" scoped> +<style lang="scss"> .qiivuoyo { background-size: auto auto; background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, var(--ad) 8px, var(--ad) 14px ); diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue index 5f3e3c176d..ed1f9ff5ad 100644 --- a/packages/frontend/src/components/global/MkAvatar.vue +++ b/packages/frontend/src/components/global/MkAvatar.vue @@ -52,7 +52,7 @@ watch(() => props.user.avatarBlurhash, () => { }); </script> -<style lang="scss" scoped> +<style lang="scss"> @keyframes earwiggleleft { from { transform: rotate(37.6deg) skew(30deg); } 25% { transform: rotate(10deg) skew(30deg); } diff --git a/packages/frontend/src/components/global/MkEllipsis.vue b/packages/frontend/src/components/global/MkEllipsis.vue index 0a46f486d6..f02b228c71 100644 --- a/packages/frontend/src/components/global/MkEllipsis.vue +++ b/packages/frontend/src/components/global/MkEllipsis.vue @@ -1,10 +1,21 @@ <template> - <span class="mk-ellipsis"> - <span>.</span><span>.</span><span>.</span> - </span> +<span class="mk-ellipsis"> + <span>.</span><span>.</span><span>.</span> +</span> </template> <style lang="scss" scoped> +@keyframes ellipsis { + 0%, 80%, 100% { + opacity: 1; + } + 40% { + opacity: 0; + } +} +</style> + +<style lang="scss"> .mk-ellipsis { > span { animation: ellipsis 1.4s infinite ease-in-out both; @@ -22,13 +33,4 @@ } } } - -@keyframes ellipsis { - 0%, 80%, 100% { - opacity: 1; - } - 40% { - opacity: 0; - } -} </style> diff --git a/packages/frontend/src/components/global/MkEmoji.vue b/packages/frontend/src/components/global/MkEmoji.vue index ce1299a39f..4967b0949d 100644 --- a/packages/frontend/src/components/global/MkEmoji.vue +++ b/packages/frontend/src/components/global/MkEmoji.vue @@ -50,7 +50,7 @@ function computeTitle(event: PointerEvent): void { } </script> -<style lang="scss" scoped> +<style lang="scss"> .mk-emoji { height: 1.25em; vertical-align: -0.25em; diff --git a/packages/frontend/src/components/global/MkError.vue b/packages/frontend/src/components/global/MkError.vue index e135d4184b..0ab31ac0da 100644 --- a/packages/frontend/src/components/global/MkError.vue +++ b/packages/frontend/src/components/global/MkError.vue @@ -13,7 +13,7 @@ import MkButton from '@/components/MkButton.vue'; import { i18n } from '@/i18n'; </script> -<style lang="scss" scoped> +<style lang="scss"> .mjndxjcg { padding: 32px; text-align: center; diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.vue b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.vue index 70d0108e9f..dc98f14839 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.vue +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.vue @@ -1,5 +1,5 @@ <template> -<MfmCore :text="text" :plain="plain" :nowrap="nowrap" :author="author" :customEmojis="customEmojis" :isNote="isNote" class="havbbuyv" :class="{ nowrap }"/> +<MfmCore :text="text" :plain="plain" :nowrap="nowrap" :author="author" :custom-emojis="customEmojis" :is-note="isNote" class="havbbuyv" :class="{ nowrap }"/> </template> <script lang="ts" setup> @@ -158,7 +158,7 @@ const props = withDefaults(defineProps<{ } </style> -<style lang="scss" scoped> +<style lang="scss"> .havbbuyv { white-space: pre-wrap; diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue index a228dfe883..5b6779d247 100644 --- a/packages/frontend/src/components/global/MkPageHeader.vue +++ b/packages/frontend/src/components/global/MkPageHeader.vue @@ -65,7 +65,7 @@ const props = withDefaults(defineProps<{ thin?: boolean; displayMyAvatar?: boolean; }>(), { - tabs: () => ([] as Tab[]) + tabs: () => ([] as Tab[]), }); const emit = defineEmits<{ @@ -178,7 +178,7 @@ onUnmounted(() => { }); </script> -<style lang="scss" scoped> +<style lang="scss"> .fdidabkb { --height: 52px; display: flex; diff --git a/packages/frontend/src/components/global/MkUrl.vue b/packages/frontend/src/components/global/MkUrl.vue index 9f5be96224..bc15d11a41 100644 --- a/packages/frontend/src/components/global/MkUrl.vue +++ b/packages/frontend/src/components/global/MkUrl.vue @@ -53,7 +53,7 @@ const attr = self ? 'to' : 'href'; const target = self ? null : '_blank'; </script> -<style lang="scss" scoped> +<style lang="scss"> .ieqqeuvs { word-break: break-all; |