Skip to content

Commit 75aeb19

Browse files
kuco23claude
andcommitted
claude:design: drop the inter-section hairlines on protocol pages (mobile)
On viewports below md the .single-project-page-* panels swapped their full card border for a single `border-top` hairline as a section divider. Removes the hairline so consecutive sections (description, local delegate, official delegate, statistics) flow into each other on mobile, relying on the existing 24px top padding alone for breathing room. The InfoComponent cards (col-lg-3 / col-lg-9) still keep their full chrome — they're explicitly re-bordered further down the same media query. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 parent a90d7d9 commit 75aeb19

1 file changed

Lines changed: 3 additions & 5 deletions

File tree

src/pages/protocols/protocols.scss

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -51,16 +51,14 @@
5151
}
5252

5353
@include t.down(md) {
54-
// Strip outer chrome — but replace it with a top hairline + 24px of
55-
// breathing room so consecutive sections (description, local delegate,
56-
// official delegate, statistics) still read as discrete chunks rather
57-
// than one continuous wall of text.
54+
// Strip outer chrome entirely on small viewports. Vertical padding
55+
// gives consecutive sections breathing room without the dividing
56+
// hairlines.
5857
.single-project-page-left,
5958
.single-project-page-right {
6059
margin: 0;
6160
padding: 24px 0 0;
6261
border: none;
63-
border-top: 1px solid rgba(255, 255, 255, 0.08);
6462
background: transparent;
6563
}
6664

0 commit comments

Comments
 (0)