Allège la page cube sur téléphone

2026-04-12 14:40:10 +02:00
parent 7330563ae6
commit 2c5f276f53
1 changed files with 20 additions and 0 deletions
--- a/styles.css
+++ b/styles.css
@@ -1239,6 +1239,26 @@ textarea:focus {
 }

@media (max-width: 640px) {
+  body[data-page="cube"] .phase-header {
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 0.65rem;
+    padding: 0.8rem 0.9rem;
+  }
+
+  body[data-page="cube"] .phase-title,
+  body[data-page="cube"] .phase-spine .spine-card,
+  body[data-page="cube"] .zone-foot {
+    display: none;
+  }
+
+  body[data-page="cube"] .phase-spine {
+    gap: 0;
+  }
+
+  body[data-page="cube"] .zone-inner {
+    grid-template-rows: auto minmax(0, 1fr);
+  }
+
  .hero-setup h1 {
    font-size: 2.1rem;
  }