mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-01 16:28:12 +09:00
Code

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