Revert "perf?(client): remove needless scoped annotation for style"

This reverts commit ada04c1932.
This commit is contained in:
syuilo
2022-12-27 18:29:39 +09:00
parent ada04c1932
commit 4f15b6f7c2
263 changed files with 343 additions and 407 deletions

View File

@@ -128,7 +128,7 @@ function more() {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.kmwsukvl {
> .body {
display: flex;

View File

@@ -153,7 +153,7 @@ function more(ev: MouseEvent) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.mvcprjjd {
$nav-width: 250px;
$nav-icon-only-width: 80px;

View File

@@ -77,9 +77,7 @@ function getInstanceIcon(instance): string {
opacity: 0;
transform: translateY(100%);
}
</style>
<style lang="scss">
.nmidsaqw {
display: inline-block;
position: relative;

View File

@@ -69,9 +69,7 @@ useInterval(tick, Math.max(5000, props.refreshIntervalSec * 1000), {
opacity: 0;
transform: translateY(100%);
}
</style>
<style lang="scss">
.xbhtxfms {
display: inline-block;
position: relative;

View File

@@ -74,9 +74,7 @@ useInterval(tick, Math.max(5000, props.refreshIntervalSec * 1000), {
opacity: 0;
transform: translateY(100%);
}
</style>
<style lang="scss">
.osdsvwzy {
display: inline-block;
position: relative;

View File

@@ -26,7 +26,7 @@ const XFederation = defineAsyncComponent(() => import('./statusbar-federation.vu
const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue'));
</script>
<style lang="scss">
<style lang="scss" scoped>
.dlrsnxqu {
font-size: 15px;
background: var(--panel);

View File

@@ -34,7 +34,7 @@ onUnmounted(() => {
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.nsbbhtug {
position: fixed;
z-index: 16385;

View File

@@ -26,7 +26,7 @@ import { i18n } from '@/i18n';
const zIndex = os.claimZIndex('high');
</script>
<style lang="scss">
<style lang="scss" scoped>
.mk-uploader {
position: fixed;
right: 16px;

View File

@@ -117,7 +117,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.azykntjl {
$height: 60px;
$avatar-size: 32px;

View File

@@ -135,7 +135,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.npcljfve {
$ui-font-size: 1em; // TODO: どこかに集約したい
$nav-icon-only-width: 78px; // TODO: どこかに集約したい

View File

@@ -193,9 +193,7 @@ onMounted(() => {
.tray-back-leave-active {
opacity: 0;
}
</style>
<style lang="scss">
.gbhvwtnk {
$ui-font-size: 1em;
$widgets-hide-threshold: 1200px;

View File

@@ -245,9 +245,7 @@ async function deleteProfile() {
.menu-back-leave-active {
opacity: 0;
}
</style>
<style lang="scss">
.mk-deck {
$nav-hide-threshold: 650px; // TODO: どこかに集約したい

View File

@@ -66,5 +66,5 @@ defineExpose({
*/
</script>
<style lang="scss">
<style lang="scss" scoped>
</style>

View File

@@ -245,7 +245,7 @@ function onDrop(ev) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.dnpfarvg {
--root-margin: 10px;
--deckColumnHeaderHeight: 40px;

View File

@@ -54,5 +54,5 @@ const menu = [{
}];
</script>
<style lang="scss">
<style lang="scss" scoped>
</style>

View File

@@ -104,7 +104,7 @@ const menu = [{
}];
</script>
<style lang="scss">
<style lang="scss" scoped>
.iwaalbte {
text-align: center;

View File

@@ -54,7 +54,7 @@ const menu = [{
}];
</script>
<style lang="scss">
<style lang="scss" scoped>
.wtdtxvec {
--margin: 8px;
--panelBorder: none;

View File

@@ -215,9 +215,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
.menuDrawer-back-leave-active {
opacity: 0;
}
</style>
<style lang="scss">
.dkgtipfy {
$ui-font-size: 1em; // TODO: どこかに集約したい
$widgets-hide-threshold: 1090px;

View File

@@ -81,7 +81,7 @@ function updateWidgets(thisWidgets) {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.efzpzdvf {
position: sticky;
height: min-content;

View File

@@ -106,7 +106,7 @@ export default defineComponent({
});
</script>
<style lang="scss">
<style lang="scss" scoped>
.rwqkcmrc {
position: relative;
text-align: center;

View File

@@ -1,5 +1,5 @@
<template>
<div class="mk-zen">
<div class="mk-app">
<RouterView/>
<XCommon/>
@@ -26,8 +26,8 @@ provideMetadataReceiver((info) => {
document.documentElement.style.overflowY = 'scroll';
</script>
<style lang="scss">
.mk-zen {
<style lang="scss" scoped>
.mk-app {
min-height: 100dvh;
box-sizing: border-box;
}