From 7faa75d48334a6593378e2a9c33606c9401249f0 Mon Sep 17 00:00:00 2001 From: syuilo <Syuilotan@yahoo.co.jp> Date: Fri, 17 Jun 2022 13:20:33 +0900 Subject: [PATCH] chore(client): tweak range control design --- packages/client/src/components/form/range.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/client/src/components/form/range.vue b/packages/client/src/components/form/range.vue index 07f2c23124..9bf7651119 100644 --- a/packages/client/src/components/form/range.vue +++ b/packages/client/src/components/form/range.vue @@ -1,7 +1,7 @@ <template> <div class="timctyfi" :class="{ disabled }"> <div class="label"><slot name="label"></slot></div> - <div v-panel class="body"> + <div v-adaptive-border class="body"> <div ref="containerEl" class="container"> <div class="track"> <div class="highlight" :style="{ width: (steppedValue * 100) + '%' }"></div> @@ -192,6 +192,8 @@ export default defineComponent({ > .body { padding: 12px; + background: var(--panel); + border: solid 1px var(--panel); border-radius: 6px; > .container {