fix: garage — sous-nav interne + correction modal (.open → .show)
Deploy to Pacha Family / deploy (push) Failing after 2s

- Ajout sous-nav Dashboard/Véhicules/Pièces (nav-link attendus par garage.js)
- CSS modal-backdrop.open → .show (alignement avec garage.js openModal())
- Styles garage-subnav intégrés dans garage.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
perco
2026-05-11 16:12:18 +02:00
co-authored by Claude Sonnet 4.6
parent 62eabfb5ee
commit 997d3872ef
2 changed files with 31 additions and 1 deletions
+7
View File
@@ -12,6 +12,13 @@ require __DIR__ . '/header.php';
<div id="toasts" class="toast-container"></div> <div id="toasts" class="toast-container"></div>
<!-- Sous-navigation interne Garage -->
<nav class="garage-subnav">
<button class="nav-link active" data-page="dashboard">📊 <?= tr('garage_stat_vehicles') !== 'Véhicules' ? 'Dashboard' : 'Dashboard' ?></button>
<button class="nav-link" data-page="vehicles">🚗 <?= tr('garage_vehicles_title') ?></button>
<button class="nav-link" data-page="parts">🔩 <?= tr('garage_all_parts') ?></button>
</nav>
<div id="page-dashboard" class="page active"> <div id="page-dashboard" class="page active">
<div class="container"> <div class="container">
<div class="stats-grid"> <div class="stats-grid">
+24 -1
View File
@@ -190,7 +190,7 @@ textarea.form-control { resize: vertical; min-height: 80px; }
background: rgba(0,0,0,0.7); backdrop-filter: blur(2px); background: rgba(0,0,0,0.7); backdrop-filter: blur(2px);
align-items: center; justify-content: center; padding: 1rem; align-items: center; justify-content: center; padding: 1rem;
} }
.modal-backdrop.open { display: flex; } .modal-backdrop.show { display: flex; }
.modal { .modal {
background: var(--card); border: 1px solid var(--border); background: var(--card); border: 1px solid var(--border);
border-radius: var(--radius-lg); width: 100%; max-width: 640px; border-radius: var(--radius-lg); width: 100%; max-width: 640px;
@@ -359,3 +359,26 @@ textarea.form-control { resize: vertical; min-height: 80px; }
.navbar { padding: 0 1rem; gap: 1rem; } .navbar { padding: 0 1rem; gap: 1rem; }
.vehicles-grid { grid-template-columns: 1fr; } .vehicles-grid { grid-template-columns: 1fr; }
} }
/* ── Sous-nav Garage ── */
.garage-subnav {
display: flex;
gap: 4px;
padding: 12px 16px;
background: #fff;
border-bottom: 1px solid #e2e8f0;
margin-bottom: 0;
}
.garage-subnav .nav-link {
background: none;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 8px 16px;
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;
color: #64748b;
transition: all .15s;
}
.garage-subnav .nav-link:hover { background: #f1f5f9; color: #1e293b; }
.garage-subnav .nav-link.active { background: #2563eb; color: #fff; border-color: #2563eb; }