« Modèle:Card/styles.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 346 : / Ligne 346 : @@
 /* =============================================================================
-    LAYOUT AVEC SIDEBAR - ESPACEMENT RÉDUIT
+    LAYOUT AVEC ESPACEMENT VERTICAL RÉDUIT
     ============================================================================= */
@@ Ligne 352 : / Ligne 352 : @@
      display: grid;
      grid-template-columns: 1fr 300px;
-     gap: 16px; /* ← ESPACE RÉDUIT entre colonnes */
+     gap: 8px; /* ← ESPACE HORIZONTAL réduit */
-     margin: 16px 0;
+     margin: 8px 0; /* ← MARGES VERTICALES réduites */
      width: 100%;
      align-items: start;
@@ Ligne 362 : / Ligne 362 : @@
      display: flex;
      flex-direction: column;
-     gap: 16px; /* ← ESPACE RÉDUIT entre sections */
+     gap: 8px; /* ← ESPACE VERTICAL entre sections réduit */
 }
@@ Ligne 368 : / Ligne 368 : @@
 .home-sidebar {
      position: sticky;
-     top: 20px;
+     top: 10px; /* ← Position sticky plus basse */
      display: flex;
      flex-direction: column;
-     gap: 12px; /* ← ESPACE RÉDUIT entre cards sidebar */
+     gap: 8px; /* ← ESPACE entre cards sidebar réduit */
 }
-/* Grilles pour la colonne principale - ESPACEMENT MINIMAL */
+/* Grilles avec espacement minimal */
 .home-cards-grid-1,
 .home-cards-grid-2 {
      display: grid;
-     gap: 12px; /* ← ESPACE RÉDUIT entre cards */
+     gap: 8px; /* ← ESPACE entre cards réduit */
      width: 100%;
 }
@@ Ligne 388 : / Ligne 388 : @@
 .home-cards-grid-2 {
      grid-template-columns: repeat(2, 1fr);
+}
+/* =============================================================================
+   RÉDUCTION DES MARGES INTERNES DES CARDS
+   ============================================================================= */
+/* Si les cards ont trop de padding interne */
+.home-card-compact .home-card__content {
+    padding: 8px !important; /* ← Padding interne réduit */
+}
+.home-card-compact .home-card__image {
+    height: 150px !important; /* ← Hauteur image réduite */
+    margin-bottom: 4px !important;
+}
+.home-card-compact .home-card__title {
+    margin-bottom: 4px !important;
+    font-size: 1rem !important;
 }
@@ Ligne 397 : / Ligne 416 : @@
      .home-layout-with-sidebar {
          grid-template-columns: 1fr;
-         gap: 12px;
+         gap: 6px;
+        margin: 6px 0;
      }
@@ Ligne 403 : / Ligne 423 : @@
          position: static;
          order: -1;
+        gap: 6px;
+    }
+    .home-main-content {
+        gap: 6px;
      }
 }
@@ Ligne 409 : / Ligne 434 : @@
      .home-cards-grid-2 {
          grid-template-columns: 1fr;
-         gap: 10px;
+         gap: 6px;
      }
      .home-layout-with-sidebar,
      .home-main-content {
-         gap: 10px;
+         gap: 6px;
+        margin: 4px 0;
      }
 }