Skip to content

Commit f54e333

Browse files
fix: remove overflow-hidden from api-section-grid children, add body max-width
- Remove overflow-x:hidden from .api-section-grid > * (was clipping code blocks) - Use min-width:0 + max-width:100% instead for proper containment - Add overflow-x:hidden + max-width:100vw to body and #app
1 parent f209cd2 commit f54e333

1 file changed

Lines changed: 13 additions & 0 deletions

File tree

src/style.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,13 @@ body {
1919
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
2020
@apply bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100;
2121
transition: background-color 0.15s ease, color 0.15s ease;
22+
overflow-x: hidden;
23+
max-width: 100vw;
24+
}
25+
26+
#app {
27+
overflow-x: hidden;
28+
max-width: 100vw;
2229
}
2330

2431
/* Skip link */
@@ -98,6 +105,12 @@ body {
98105
}
99106
}
100107

108+
/* Prevent grid children from overflowing viewport */
109+
.api-section-grid > * {
110+
min-width: 0;
111+
max-width: 100%;
112+
}
113+
101114
/* Scrollbar styling */
102115
::-webkit-scrollbar { width: 6px; height: 6px; }
103116
::-webkit-scrollbar-track { background: transparent; }

0 commit comments

Comments
 (0)