feat(dashboard): page d'accueil avec bouton planning et layout fixe sans scroll

- Composant dashboard migré vers fichiers HTML/CSS externes avec carte de navigation vers /dashboard/planning - html, body, app-root et main fixés à 100vw/100vh sans overflow pour remplir la fenêtre navigateur Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-02 17:48:06 +02:00
parent c0f146618e
commit 91e220fb47
5 changed files with 125 additions and 18 deletions
@@ -0,0 +1,83 @@
+.background {
+    width: 100%;
+    height: 100vh;
+    background: #f5f4f0;
+    overflow: hidden;
+}
+
+.dashboard {
+    padding: 40px;
+    max-width: 900px;
+}
+
+.dashboard-title {
+    font-size: 1.6rem;
+    font-weight: 600;
+    color: #2c2c2c;
+    margin-bottom: 32px;
+}
+
+.dashboard-cards {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+}
+
+.dashboard-card {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 20px 24px;
+    background: #fff;
+    border: 1px solid #ede8e0;
+    border-radius: 10px;
+    text-decoration: none;
+    color: inherit;
+    min-width: 280px;
+    transition: box-shadow 0.15s ease, border-color 0.15s ease;
+    cursor: pointer;
+}
+
+.dashboard-card:hover {
+    border-color: #d4a574;
+    box-shadow: 0 4px 16px rgba(212, 165, 116, 0.15);
+}
+
+.card-icon {
+    width: 48px;
+    height: 48px;
+    background: #fdf6ed;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #d4a574;
+    flex-shrink: 0;
+}
+
+.card-content {
+    flex: 1;
+}
+
+.card-content h2 {
+    font-size: 1rem;
+    font-weight: 600;
+    color: #2c2c2c;
+    margin: 0 0 4px;
+}
+
+.card-content p {
+    font-size: 0.82rem;
+    color: #888;
+    margin: 0;
+}
+
+.card-arrow {
+    color: #ccc;
+    flex-shrink: 0;
+    transition: color 0.15s ease;
+}
+
+.dashboard-card:hover .card-arrow {
+    color: #d4a574;
+}