Make the Settings scale slider draggable #5
1 changed files with 2 additions and 0 deletions
|
|
@ -244,6 +244,8 @@
|
|||
.settings-toggle { @apply h-6 w-11 shrink-0 cursor-pointer accent-brand disabled:cursor-not-allowed; }
|
||||
.settings-select { @apply min-h-10 min-w-[140px] rounded-xl border border-blue-200/80 bg-white/80 px-3 py-2 text-sm font-semibold text-navy outline-none focus:border-brand focus:ring-4 focus:ring-brand/15 disabled:cursor-not-allowed disabled:opacity-60; }
|
||||
.settings-slider { @apply h-2 w-full cursor-pointer accent-brand rounded-lg appearance-none bg-blue-200/50 disabled:cursor-not-allowed disabled:opacity-60; }
|
||||
.settings-slider::-webkit-slider-thumb { @apply h-5 w-5 -mt-1.5 rounded-full bg-white border-2 border-brand shadow-md cursor-pointer appearance-none; }
|
||||
.settings-slider::-moz-range-thumb { @apply h-5 w-5 rounded-full bg-white border-2 border-brand shadow-md cursor-pointer appearance-none; }
|
||||
|
||||
.settings-system-footer { @apply mt-2 flex items-center justify-between gap-4 p-4 rounded-2xl bg-blue-50/40 border border-blue-100/50; }
|
||||
.settings-system-info { @apply flex items-center gap-3 text-xs font-bold text-slatecopy; }
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue