etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: desktop vertical alignment regression and touch target sizing

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/admin/QuickToggles.tsx
View File

@@ -39,7 +39,7 @@ export function QuickToggles({ settings, onUpdate, disabled, className }: QuickT
onClick={() => onUpdate(setting.key, isOn ? 'false' : 'true')} onClick={() => onUpdate(setting.key, isOn ? 'false' : 'true')}
disabled={disabled} disabled={disabled}
className={cn( 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 isOn
? 'border-success-500/20 bg-success-500/[0.08] text-dark-100' ? 'border-success-500/20 bg-success-500/[0.08] text-dark-100'
: 'border-dark-600/50 bg-dark-700/20 text-dark-400', : 'border-dark-600/50 bg-dark-700/20 text-dark-400',

2
src/components/admin/SettingsTableRow.tsx
View File

@@ -113,7 +113,7 @@ export function SettingsTableRow({
<div <div
className={cn( className={cn(
'flex items-center gap-2', '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 ? ( {setting.read_only ? (