mirror of
https://github.com/Joulenap/joulenap.git
synced 2026-08-11 13:21:43 +02:00
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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user