feat: responsive header

2026-07-24 17:28:40 +02:00
parent 3d7c0d2332
commit e85616eacc
15 changed files with 324 additions and 261 deletions
@@ -0,0 +1,67 @@
+.home-page {
+  width: 100%;
+  height: 100%;
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.status-block {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  flex-shrink: 0;
+}
+
+.status-label {
+  font-weight: 500;
+  transition: color var(--dur-base) var(--ease-standard);
+}
+
+.status-label--connected {
+  color: var(--accent-live);
+}
+
+.status-label--connecting {
+  color: var(--accent-connecting);
+}
+
+.status-label--disconnected {
+  color: var(--text-muted);
+}
+
+.specs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+
+  margin: 0 0 var(--space-6);
+  padding: var(--space-4);
+
+  background: var(--bg-panel);
+
+  border: 1px solid var(--border-hairline);
+  border-radius: var(--radius-md);
+}
+
+.spec {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.spec dt {
+  color: var(--text-muted);
+}
+
+.spec dd {
+  margin: 0;
+  color: var(--text-primary);
+}
+
+.panel-actions {
+  display: flex;
+  justify-content: flex-end;
+}