Improve hover state styling for measurement system toggle

2026-04-02 22:15:23 -04:00 · 2026-04-01 15:25:23 +02:00
parent b5deefbec1
commit 2908a1f16d
1 changed files with 1 additions and 0 deletions
--- a/web/components/measurement-system-toggle.tsx
+++ b/web/components/measurement-system-toggle.tsx
@@ -22,6 +22,7 @@ export default function MeasurementSystemToggle(props: {className?: string}) {
        onChange={(enabled: boolean) => setMeasurementSystem(enabled ? 'metric' : 'imperial')}
        className={clsx(
          isEnabled ? 'bg-primary-500' : 'bg-ink-300',
+          isEnabled ? 'hover:bg-primary-500/70' : 'hover:bg-ink-300/70',
          'relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none',
        )}
      >