mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-16 19:00:38 +09:00
Fix oversized toggle switches on mobile
The global @media (pointer: coarse) rule was forcing min-height: 44px on toggle button elements, inflating them from 20px to 44px. Added data-slot="toggle" to all 10 toggle buttons and a CSS override to reset their min-height, keeping the parent row as the touch target. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
parent
bd0b76072b
commit
42c8d9b660
7 changed files with 14 additions and 0 deletions
|
|
@ -81,6 +81,7 @@ export function InstanceGeneralSettings() {
|
|||
</div>
|
||||
<button
|
||||
type="button"
|
||||
data-slot="toggle"
|
||||
aria-label="Toggle username log censoring"
|
||||
disabled={toggleMutation.isPending}
|
||||
className={cn(
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue