Skip to content

Commit

Permalink
fix: make toggles smaller
Browse files Browse the repository at this point in the history
  • Loading branch information
2color committed Oct 23, 2024
1 parent 58a5e20 commit 89c79a3
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions src/components/local-storage-toggle.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -50,17 +50,16 @@ export const LocalStorageToggle: React.FC<LocalStorageToggleProps> = ({
/>
<label
htmlFor={localStorageKey}
className={`relative dib h2 w3 flex-shrink-0 pointer br4 ${
className={`relative dib h1 w2 flex-shrink-0 pointer br4 ${
isChecked ? 'bg-green' : 'bg-dark-gray'
} transition-all duration-200 ease-in-out`}
>
<span
className={`absolute top-0 left-0 dib h2 w2 br-100 bg-white shadow-1 ${
className={`absolute top-0 left-0 dib h1 w1 br-100 bg-white shadow-1 ${
isChecked ? 'translate-x-100' : 'translate-x-0'
} transition-transform duration-200 ease-in-out`}
/>
</label>

</div>
)
}
Expand Down

0 comments on commit 89c79a3

Please sign in to comment.