krz/gitbay

A CLI-first git forge. cli forge git self-hosted https://gitbay.org

Commit 85af9d4bb7

85af9d4bb78b66399aa9944727a383486b31fad8

parent: 075af6c002

Verified · cmc

cmc <hello@cleberg.net> · 2026-08-24 17:06 UTC 

web: mobile pass

Hide the file-mode column and tighten card padding under 40rem; code
editor textareas use the mono stack. Tabs and path bars already wrap;
diffs and code scroll in their own containers (no page-level
horizontal scroll at 375px).

Layout: unified · split

internal/web/static/style.css +7
@@ -451,6 +451,7 @@ input[type="text"], input:not([type]), textarea {
451 padding: var(--sp-2) var(--sp-3); 451 padding: var(--sp-2) var(--sp-3);
452} 452}
453textarea { width: 100%; resize: vertical; } 453textarea { width: 100%; resize: vertical; }
454textarea[name="content"] { font-family: var(--mono); font-size: var(--fs-1); }
454input:focus, textarea:focus { outline: 2px solid color-mix(in srgb, var(--accent) 45%, transparent); border-color: var(--accent); } 455input:focus, textarea:focus { outline: 2px solid color-mix(in srgb, var(--accent) 45%, transparent); border-color: var(--accent); }
455button { 456button {
456 background: var(--accent); 457 background: var(--accent);
@@ -493,4 +494,10 @@ footer a:hover { color: var(--accent); }
493 header { padding: var(--sp-3) var(--sp-4); } 494 header { padding: var(--sp-3) var(--sp-4); }
494 main { padding: var(--sp-2) var(--sp-4) var(--sp-6); } 495 main { padding: var(--sp-2) var(--sp-4) var(--sp-6); }
495 .thread { margin-left: var(--sp-3); } 496 .thread { margin-left: var(--sp-3); }
497 table.tree td.mode { display: none; }
498 .readme, .code { padding: var(--sp-3); }
499 .cardhead {
500 margin: calc(-1 * var(--sp-3)) calc(-1 * var(--sp-3)) var(--sp-3);
501 padding: var(--sp-2) var(--sp-3);
502 }
496} 503}