Styling fix and scraper bug fix

2026-06-14 18:39:55 +02:00
parent 6ed2a3ae0c
commit 566595984f
21 changed files with 2150 additions and 119 deletions
@@ -0,0 +1,112 @@
+/* Layout container */
+[data-testid='layout'] {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background-color: var(--c-bg);
+}
+
+[data-testid='layout-main'] {
+  flex: 1;
+  max-width: var(--maxw);
+  width: 100%;
+  margin: 0 auto;
+  padding: var(--sp-5);
+}
+
+/* Dashboard & Pages */
+.dashboard,
+.calendar,
+.settings-page,
+.tips-page,
+.auth-page {
+  width: 100%;
+}
+
+.dashboard__section,
+.settings-page__section,
+.calendar__section,
+.tips-page__section {
+  background-color: var(--c-surface);
+  border: 1px solid var(--c-border);
+  border-radius: var(--radius);
+  padding: var(--sp-5);
+  margin-bottom: var(--sp-5);
+  box-shadow: var(--shadow-sm);
+}
+
+.dashboard__section:last-child,
+.settings-page__section:last-child,
+.calendar__section:last-child,
+.tips-page__section:last-child {
+  margin-bottom: 0;
+}
+
+.dashboard__section h2,
+.settings-page__section h2,
+.calendar__section h2,
+.tips-page__section h2 {
+  margin-top: 0;
+}
+
+.dashboard__error {
+  padding: var(--sp-4);
+  background-color: var(--c-danger-weak);
+  color: var(--c-danger);
+  border-left: 4px solid var(--c-danger);
+  border-radius: var(--radius);
+  margin-bottom: var(--sp-5);
+}
+
+.dashboard__break-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.dashboard__break-item {
+  padding: var(--sp-3) var(--sp-4);
+  border-bottom: 1px solid var(--c-border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.dashboard__break-item:last-child {
+  border-bottom: none;
+}
+
+.dashboard__break-item strong {
+  display: block;
+  margin-bottom: var(--sp-2);
+}
+
+.dashboard__break-item small {
+  color: var(--c-text-muted);
+  font-size: var(--fs-sm);
+}
+
+/* Status & Freshness Info */
+.status-info,
+.freshness-info {
+  font-size: var(--fs-sm);
+  color: var(--c-text-muted);
+  margin-top: var(--sp-3);
+  padding-top: var(--sp-3);
+  border-top: 1px solid var(--c-border);
+}
+
+/* Responsive */
+@media (max-width: 640px) {
+  [data-testid='layout-main'] {
+    padding: var(--sp-4);
+  }
+
+  .dashboard__section,
+  .settings-page__section,
+  .calendar__section,
+  .tips-page__section {
+    padding: var(--sp-4);
+    margin-bottom: var(--sp-4);
+  }
+}