fix: garage — sous-nav interne + correction modal (.open → .show)
Deploy to Pacha Family / deploy (push) Failing after 2s
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:
co-authored by
Claude Sonnet 4.6
parent
62eabfb5ee
commit
997d3872ef
@@ -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">
|
||||||
|
|||||||
@@ -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; }
|
||||||
|
|||||||
Reference in New Issue
Block a user