Improve channel management layout

2026-07-06 21:38:55 +02:00
parent 52aa07ab98
commit edf4d3d389
2 changed files with 104 additions and 32 deletions
@@ -243,3 +243,74 @@ button {
    width: 160px;
  }
 }
+
+.settings-subtitle {
+  color: var(--muted);
+  margin: 6px 0 0;
+}
+
+.channel-settings-list {
+  display: grid;
+  gap: 14px;
+}
+
+.channel-settings-card {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  padding: 18px;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 20px;
+  align-items: center;
+}
+
+.channel-settings-title {
+  font-size: 1.1rem;
+  font-weight: 800;
+}
+
+.switch-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.channel-settings-fields {
+  display: flex;
+  align-items: end;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+
+.channel-settings-fields label {
+  color: var(--muted);
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.channel-settings-fields input[type="text"],
+.channel-settings-fields input[type="number"] {
+  display: block;
+  margin-top: 5px;
+  background: #020617;
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 8px 10px;
+}
+
+.favorite-toggle {
+  color: var(--text) !important;
+  background: var(--panel-2);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 9px 12px;
+  cursor: pointer;
+}
+
+@media (max-width: 900px) {
+  .channel-settings-card {
+    grid-template-columns: 1fr;
+  }
+}