From c1b6378951096ab8ff895b87aa8b857c955be9f0 Mon Sep 17 00:00:00 2001 From: syuilo <Syuilotan@yahoo.co.jp> Date: Sun, 15 Jan 2023 08:07:11 +0900 Subject: [PATCH] refactor(client): use css modules --- packages/frontend/src/components/form/split.vue | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/frontend/src/components/form/split.vue b/packages/frontend/src/components/form/split.vue index 3cee41e3d..1b61f0534 100644 --- a/packages/frontend/src/components/form/split.vue +++ b/packages/frontend/src/components/form/split.vue @@ -1,27 +1,27 @@ <template> -<div class="terlnhxf"> +<div :class="$style.root"> <slot></slot> </div> </template> <script lang="ts" setup> +import { provide } from 'vue'; + const props = withDefaults(defineProps<{ minWidth?: number; }>(), { minWidth: 210, }); +provide('splited', true); + const minWidth = props.minWidth + 'px'; </script> -<style lang="scss" scoped> -.terlnhxf { +<style lang="scss" module> +.root { display: grid; grid-template-columns: repeat(auto-fill, minmax(v-bind('minWidth'), 1fr)); grid-gap: 12px; - - > ::v-deep(*) { - margin: 0 !important; - } } </style>