monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

chore(client): tweak range control design

Browse source
This commit is contained in:
syuilo 2022-06-17 13:20:33 +09:00
parent 836ecff785
commit 7faa75d483
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/client/src/components/form/range.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="timctyfi" :class="{ disabled }"> <div class="timctyfi" :class="{ disabled }">
<div class="label"><slot name="label"></slot></div> <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 ref="containerEl" class="container">
<div class="track"> <div class="track">
<div class="highlight" :style="{ width: (steppedValue * 100) + '%' }"></div> <div class="highlight" :style="{ width: (steppedValue * 100) + '%' }"></div>
@ -192,6 +192,8 @@ export default defineComponent({
> .body { > .body {
padding: 12px; padding: 12px;
background: var(--panel);
border: solid 1px var(--panel);
border-radius: 6px; border-radius: 6px;
> .container { > .container {