fix(client): use unique class names for root to prevent conflicts of style
This commit is contained in:
parent
f9ba35d928
commit
66231c1669
2 changed files with 4 additions and 4 deletions
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<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>
|
<canvas :id="idForCanvas" ref="canvasEl" class="canvas" :width="width" height="300" @contextmenu.prevent="() => {}"></canvas>
|
||||||
<div :id="idForTags" ref="tagsEl" class="tags">
|
<div :id="idForTags" ref="tagsEl" class="tags">
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -71,7 +71,7 @@ defineExpose({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.root {
|
.meijqfqm {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="_formRoot root">
|
<div class="_formRoot rsljpzjq">
|
||||||
<div v-adaptive-border class="rfqxtzch _panel _formBlock">
|
<div v-adaptive-border class="rfqxtzch _panel _formBlock">
|
||||||
<div class="toggle">
|
<div class="toggle">
|
||||||
<div class="toggleWrapper">
|
<div class="toggleWrapper">
|
||||||
|
@ -384,7 +384,7 @@ definePageMetadata({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.root {
|
.rsljpzjq {
|
||||||
> .selects {
|
> .selects {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 1.5em var(--margin);
|
gap: 1.5em var(--margin);
|
||||||
|
|
Loading…
Reference in a new issue