feat: visual hierarchy in dashboard — primary widgets (tasks, calendar) span 2 columns

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-29 16:42:09 +02:00
parent f973601922
commit 593ca9009e
2 changed files with 24 additions and 3 deletions
@@ -193,6 +193,11 @@
  .widget--wide {
    grid-column: span 2;
  }
+
+  /* Sekundäre Widgets: 2 Spalten ab 3-Spalten-Grid */
+  .widget--secondary {
+    grid-column: span 2;
+  }
 }

@media (min-width: 1280px) {
@@ -205,12 +210,22 @@
    grid-column: span 2;
  }

+  /* Im 4-Spalten-Grid: sekundäre Widgets nur 1 Spalte */
+  .widget--secondary {
+    grid-column: span 1;
+  }
+
  /* Greeting-Widget über alle 4 Spalten */
  .widget-greeting {
    grid-column: 1 / -1;
  }
 }

+/* Primäre Widgets: subtile Akzentlinie oben */
+.widget-wrapper.widget--wide > .widget {
+  border-top: 2px solid var(--active-module-accent, var(--color-accent));
+}
+
 /* --------------------------------------------------------
 * Begrüßungs-Widget
 * -------------------------------------------------------- */