Skip to content

Commit 5751373

Browse files
rsbhclaude
andcommitted
fix: design QA sidebar spacing and alignment (DES-635, DES-636)
- Sub-nav horizontal padding: 24px → 28px (var(--rs-space-8)) - Remove extra bottom padding on cardWrapper - Remove gap between top link items (Documentation/Dev Guide/API) - Section spacing maintained at 24px Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 4d8965a commit 5751373

1 file changed

Lines changed: 5 additions & 2 deletions

File tree

packages/chronicle/src/themes/default/Layout.module.css

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,9 @@
7777
.topLinks {
7878
width: 100%;
7979
margin-bottom: var(--rs-space-7);
80+
display: flex;
81+
flex-direction: column;
82+
gap: 0;
8083
}
8184

8285
.topLinkItem {
@@ -135,7 +138,7 @@
135138
.cardWrapper {
136139
flex: 1;
137140
display: flex;
138-
padding: 0 0 var(--rs-space-2) 0;
141+
padding: 0;
139142
min-height: 0;
140143
background: var(--rs-color-background-base-secondary);
141144
}
@@ -154,7 +157,7 @@
154157
align-items: center;
155158
justify-content: space-between;
156159
height: var(--navbar-height);
157-
padding: var(--rs-space-4) var(--rs-space-7);
160+
padding: var(--rs-space-4) var(--rs-space-8);
158161
background: var(--rs-color-background-base-primary);
159162
border-bottom: 0.5px solid var(--rs-color-border-base-primary);
160163
backdrop-filter: blur(1px);

0 commit comments

Comments
 (0)