openclawd/docfast
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
DocFast Bot 2026-02-15 10:45:08 +00:00
parent 75aa80eea2
commit 16187c0ecb
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
public/index.html
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; } .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
/* Code block */ /* 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-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 { display: flex; gap: 6px; }
.code-dots span { width: 10px; height: 10px; border-radius: 50%; } .code-dots span { width: 10px; height: 10px; border-radius: 50%; }
@ -180,13 +180,18 @@ html, body {
} }
/* Force any wide elements to fit */ /* Force any wide elements to fit */
pre, code, .code-block, .code-section { pre, code, .code-block {
max-width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important;
overflow-wrap: break-word !important; overflow-wrap: break-word !important;
word-break: break-all !important; word-break: break-all !important;
white-space: pre-wrap !important; white-space: pre-wrap !important;
overflow-x: hidden !important; overflow-x: hidden !important;
} }
.code-section {
max-width: calc(100vw - 32px) !important;
overflow-x: hidden !important;
white-space: normal !important;
}
} }
/* Recovery modal states */ /* Recovery modal states */