From 66231c16692d8ded07e37473365ec7611d4b4e52 Mon Sep 17 00:00:00 2001 From: syuilo <Syuilotan@yahoo.co.jp> Date: Sat, 2 Jul 2022 21:29:48 +0900 Subject: [PATCH] fix(client): use unique class names for root to prevent conflicts of style --- packages/client/src/components/tag-cloud.vue | 4 ++-- packages/client/src/pages/settings/theme.vue | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/client/src/components/tag-cloud.vue b/packages/client/src/components/tag-cloud.vue index 8df8d0b05b..13f528ecf7 100644 --- a/packages/client/src/components/tag-cloud.vue +++ b/packages/client/src/components/tag-cloud.vue @@ -1,5 +1,5 @@ <template> -<div ref="rootEl" class="root"> +<div ref="rootEl" class="meijqfqm"> <canvas :id="idForCanvas" ref="canvasEl" class="canvas" :width="width" height="300" @contextmenu.prevent="() => {}"></canvas> <div :id="idForTags" ref="tagsEl" class="tags"> <ul> @@ -71,7 +71,7 @@ defineExpose({ </script> <style lang="scss" scoped> -.root { +.meijqfqm { position: relative; overflow: clip; display: grid; diff --git a/packages/client/src/pages/settings/theme.vue b/packages/client/src/pages/settings/theme.vue index 6e7a5ff3a3..0ed4abc37e 100644 --- a/packages/client/src/pages/settings/theme.vue +++ b/packages/client/src/pages/settings/theme.vue @@ -1,5 +1,5 @@ <template> -<div class="_formRoot root"> +<div class="_formRoot rsljpzjq"> <div v-adaptive-border class="rfqxtzch _panel _formBlock"> <div class="toggle"> <div class="toggleWrapper"> @@ -384,7 +384,7 @@ definePageMetadata({ } } -.root { +.rsljpzjq { > .selects { display: flex; gap: 1.5em var(--margin);