fix(BUG-032): eliminate mobile terminal gap - flexbox layout + white-space fix

This commit is contained in:
DocFast Bot 2026-02-15 10:45:08 +00:00
parent 75aa80eea2
commit 16187c0ecb

View file

@ -44,7 +44,7 @@ nav .container { display: flex; align-items: center; justify-content: space-betw
.btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
/* Code block */
.code-section { margin: 56px auto 0; max-width: 660px; text-align: left; }
.code-section { margin: 56px auto 0; max-width: 660px; text-align: left; display: flex; flex-direction: column; }
.code-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: #1a1f2b; border: 1px solid var(--border); border-bottom: none; border-radius: var(--radius) var(--radius) 0 0; }
.code-dots { display: flex; gap: 6px; }
.code-dots span { width: 10px; height: 10px; border-radius: 50%; }
@ -180,13 +180,18 @@ html, body {
}
/* Force any wide elements to fit */
pre, code, .code-block, .code-section {
pre, code, .code-block {
max-width: calc(100vw - 32px) !important;
overflow-wrap: break-word !important;
word-break: break-all !important;
white-space: pre-wrap !important;
overflow-x: hidden !important;
}
.code-section {
max-width: calc(100vw - 32px) !important;
overflow-x: hidden !important;
white-space: normal !important;
}
}
/* Recovery modal states */