style(client): refine conversation tab indicator

This commit is contained in:
_Kerman
2026-08-11 15:25:11 +08:00
parent 3f315a0134
commit 23889483cf
@@ -26,9 +26,22 @@
} }
.header { .header {
position: relative;
flex: none; flex: none;
padding: 12px 28px 0 20px; padding: 12px 28px 0 20px;
border-bottom: 1px solid var(--dsw-alias-border-l2); border-bottom: 1px solid transparent;
}
.header::after {
content: '';
position: absolute;
right: 0;
bottom: 1px;
left: 0;
z-index: 0;
height: 1px;
background: var(--dsw-alias-border-l2);
pointer-events: none;
} }
/* Blank hero/settling: keep the strict Session header mounted without taking /* Blank hero/settling: keep the strict Session header mounted without taking
@@ -100,13 +113,15 @@
/* figma Tab_Group 34:11441: 35px strip, gap 36, pad-left 8, tabs bottom-aligned. */ /* figma Tab_Group 34:11441: 35px strip, gap 36, pad-left 8, tabs bottom-aligned. */
.tabs { .tabs {
position: relative;
z-index: 1;
display: flex; display: flex;
gap: 36px; gap: 36px;
margin-top: 4px; margin-top: 4px;
padding-left: 8px; padding-left: 8px;
} }
/* figma .Tab 34:11442: 13/16 text (figma wt510, rendered 500), gap 8 to the 3px bar (no bottom rounding). */ /* figma .Tab 34:11442: 13/16 text (figma wt510, rendered 500), gap 8 to the 3px bar. */
.tab { .tab {
position: relative; position: relative;
padding: 0 0 11px; padding: 0 0 11px;
@@ -126,6 +141,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
height: 3px; height: 3px;
border-radius: 2px;
background: transparent; background: transparent;
} }