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

View file

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