fix: desktop vertical alignment regression and touch target sizing

- SettingsTableRow: use max-lg:self-end instead of self-end to prevent
  bottom-aligning controls on desktop (self-end overrides items-center)
- QuickToggles: add min-h-[44px] matching Toggle component pattern
This commit is contained in:
Fringg
2026-03-29 03:22:45 +03:00
parent e004d8103b
commit 3e6c0212a6
2 changed files with 2 additions and 2 deletions

View File

@@ -39,7 +39,7 @@ export function QuickToggles({ settings, onUpdate, disabled, className }: QuickT
onClick={() => onUpdate(setting.key, isOn ? 'false' : 'true')}
disabled={disabled}
className={cn(
'flex items-center gap-2 rounded-lg border px-2.5 py-2.5 text-xs font-medium transition-all',
'flex min-h-[44px] items-center gap-2 rounded-lg border px-2.5 py-2.5 text-xs font-medium transition-all',
isOn
? 'border-success-500/20 bg-success-500/[0.08] text-dark-100'
: 'border-dark-600/50 bg-dark-700/20 text-dark-400',

View File

@@ -113,7 +113,7 @@ export function SettingsTableRow({
<div
className={cn(
'flex items-center gap-2',
isLongValue ? 'w-full' : 'self-end lg:flex-shrink-0',
isLongValue ? 'w-full' : 'max-lg:self-end lg:flex-shrink-0',
)}
>
{setting.read_only ? (