fix(desktop): OP3 explicit draggable slider thumb CSS

This commit is contained in:
OpenPets Dev 2026-06-13 22:59:26 +00:00
parent 82abe08658
commit 51a704449c

View file

@ -246,6 +246,11 @@
.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-slider { -webkit-appearance: none; appearance: none; }
.settings-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 20px; width: 20px; margin-top: -6px; border-radius: 9999px; background: #ffffff; border: 2px solid #2563eb; box-shadow: 0 1px 3px rgba(0,0,0,0.2); cursor: pointer; }
.settings-slider::-moz-range-thumb { appearance: none; height: 20px; width: 20px; border-radius: 9999px; background: #ffffff; border: 2px solid #2563eb; box-shadow: 0 1px 3px rgba(0,0,0,0.2); cursor: pointer; }
.settings-slider::-webkit-slider-runnable-track { height: 8px; border-radius: 8px; }
.settings-slider::-moz-range-track { height: 8px; border-radius: 8px; }
.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; }