tasks

taskncoffee-app/src/pages/dashboard.css

@@ -134,6 +134,85 @@
 
 /* Spacer */
 .dashboard-spacer {
-    flex: 1;
+    flex: 0.5;
+}
+
+/* Weekly View */
+.dashboard-week-grid {
+    display: flex;
+    gap: 1rem;
+    height: 100%;
+    overflow-x: auto;
+    padding: 0.6rem;
+}
+
+.dashboard-day-column {
+    flex: 1;
+    min-width: 180px;
+    display: flex;
+    flex-direction: column;
+    background: var(--color-background);
+    border-radius: 1rem;
+    padding: 1rem;
+    transition: all 0.3s ease;
+}
+
+.dashboard-day-column.today {
+    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
+    border: 2px solid var(--color-primary);
+}
+
+.dashboard-day-title {
+    font-size: 1rem;
+    font-weight: 600;
+    margin-bottom: 0.75rem;
+    text-align: center;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid var(--color-border);
+}
+
+.dashboard-day-column.today .dashboard-day-title {
+    color: var(--color-primary);
+}
+
+.dashboard-tasks-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    overflow-y: auto;
+}
+
+.dashboard-task-card {
+    background: var(--color-card);
+    padding: 0.75rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    font-size: 0.875rem;
+    transition: transform 0.2s;
+}
+
+.dashboard-task-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+}
+
+.dashboard-task-card.completed {
+    opacity: 0.6;
+    text-decoration: line-through;
+}
+
+.dashboard-task-title {
+    margin: 0;
+    font-size: 0.875rem;
+    color: var(--color-foreground);
+}
+
+.dashboard-no-tasks {
+    color: var(--color-muted-foreground);
+    font-size: 0.875rem;
+    text-align: center;
+    padding: 2rem 0;
+    font-style: italic;
 }