fix(client): use unique class names for root to prevent conflicts of style

This commit is contained in:
syuilo 2022-07-02 21:29:48 +09:00
parent f9ba35d928
commit 66231c1669
2 changed files with 4 additions and 4 deletions

View file

@ -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;

View file

@ -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);