feat: group gain + scale logo

2026-07-23 14:12:11 +02:00
parent a77c0668aa
commit 4c146902e3
18 changed files with 440 additions and 256 deletions
@@ -0,0 +1,43 @@
+.channel-group {
+  position: relative;
+  height: calc(100% - var(--space-1) - var(--space-1));
+  flex: 0 0 auto;
+
+  display: flex;
+  align-items: flex-end;
+
+  border: 1px solid var(--border-hairline);
+  border-radius: var(--radius-md);
+
+  /* enough top padding to fully clear the label's own height, not just its border-overlap */
+  padding: calc(1.2vh + var(--space-3)) var(--space-3) 0;
+  margin-bottom: var(--space-1);
+  margin-top: var(--space-1);
+  box-sizing: border-box;
+  overflow: visible; /* in case something upstream set hidden */
+}
+
+.channel-group__label {
+  position: absolute;
+  top: var(--space-2); /* sits inside the padded space, not straddling the border */
+  left: 50%;
+  transform: translateX(-50%); /* only horizontal centering now — no vertical overlap */
+
+  padding: 0 var(--space-2);
+
+  font-family: var(--font-ui);
+  font-size: var(--tab-close-font);
+  font-weight: 600;
+  color: var(--text-muted);
+
+  white-space: nowrap;
+  line-height: 1;
+}
+
+.channel-group__items {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  height: 100%;
+  gap: var(--space-4);
+}