161sh/iceshrimp-161sh
1
0
Fork 0
mirror of https://iceshrimp.dev/crimekillz/iceshrimp-161sh.git synced 2024-11-23 04:33:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(client): tweak range control design

Browse Source
This commit is contained in:
syuilo 2022-06-17 13:20:33 +09:00
parent 867a81fb4a
commit 9f448319a5
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 {