Skip to content

Commit 19af45b

Browse files
raifdmuellerclaude
andcommitted
fix: add word-wrap to code blocks in DocSidebar for narrow viewport
Code blocks for installation commands were overflowing the 480px sidebar. Added pre/code styling with pre-wrap and word-break to handle long lines. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent 17cb774 commit 19af45b

1 file changed

Lines changed: 16 additions & 0 deletions

File tree

src/components/DocSidebar.module.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,22 @@
8585
line-height: 1.7;
8686
}
8787

88+
.adocBody pre {
89+
overflow-x: auto;
90+
white-space: pre-wrap;
91+
word-wrap: break-word;
92+
background: var(--bg-card);
93+
border: 1px solid var(--border);
94+
border-radius: 6px;
95+
padding: 10px 12px;
96+
font-size: 13px;
97+
line-height: 1.5;
98+
}
99+
100+
.adocBody code {
101+
font-size: 13px;
102+
}
103+
88104
.footer {
89105
border-top: 1px solid var(--border-subtle);
90106
padding-top: 16px;

0 commit comments

Comments
 (0)