summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/global
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 18:01:06 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 18:01:06 +0900
commitada04c1932dd694af1775e562fdcfa2c506454de (patch)
treed2c7b066f6f3f6358709a1d2595093c15edcc7b5 /packages/frontend/src/components/global
parentclean up (diff)
downloadsharkey-ada04c1932dd694af1775e562fdcfa2c506454de.tar.gz
sharkey-ada04c1932dd694af1775e562fdcfa2c506454de.tar.bz2
sharkey-ada04c1932dd694af1775e562fdcfa2c506454de.zip
perf?(client): remove needless scoped annotation for style
Diffstat (limited to 'packages/frontend/src/components/global')
-rw-r--r--packages/frontend/src/components/global/MkAcct.vue2
-rw-r--r--packages/frontend/src/components/global/MkAd.vue2
-rw-r--r--packages/frontend/src/components/global/MkAvatar.vue2
-rw-r--r--packages/frontend/src/components/global/MkEllipsis.vue26
-rw-r--r--packages/frontend/src/components/global/MkEmoji.vue2
-rw-r--r--packages/frontend/src/components/global/MkError.vue2
-rw-r--r--packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.vue4
-rw-r--r--packages/frontend/src/components/global/MkPageHeader.vue4
-rw-r--r--packages/frontend/src/components/global/MkUrl.vue2
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;