feat(dashboard): replace inline grid styles with responsive classes

Replace two inline grid styles in Dashboard.tsx with className references
to .jn-row-actions and .jn-row-guests from responsive.css. This enables
the existing media queries to control layout on mobile devices without
the inline styles overriding them.

- Line 193: gridTemplateColumns '360px 1fr' → .jn-row-actions
- Line 213: gridTemplateColumns '400px 1fr' → .jn-row-guests
This commit is contained in:
Catubba
2026-07-09 22:52:18 +02:00
parent 9dbb140956
commit 46240b9105
+2 -2
View File
@@ -190,7 +190,7 @@ export function Dashboard({ status, refreshStatus }: DashboardProps) {
return (
<>
<div style={{ display: 'grid', gridTemplateColumns: '360px 1fr', gap: 26, alignItems: 'start', paddingBottom: 16 }}>
<div className="jn-row-actions">
<ManualPanel
status={status}
onBackup={() => runAction('backup', api.runBackup, false, '▶')}
@@ -210,7 +210,7 @@ export function Dashboard({ status, refreshStatus }: DashboardProps) {
onApply={apply}
/>
<div style={{ display: 'grid', gridTemplateColumns: '400px 1fr', gap: 22, alignItems: 'start', marginTop: 16 }}>
<div className="jn-row-guests">
<GuestsPanel
guests={guests}
mode={draft.guestsMode}