style: tidy Files layout on small screens
commit
bb2ca43style: tidy Files layout on small screens
Drop the 30rem min-height that left dead space below short blobs, and give the tree pane a taller 50vh cap so the file list is usable when it stacks above the blob.
Assisted-by: Claude:claude-opus-4-8
Reviews
No reviews of this commit yet — record a verdict below.
Start a review
crates/git-ents-server/src/web/style.css
@@ -214,8 +214,8 @@
.files-empty .icon { width: 28px; height: 28px; opacity: .5; margin-bottom: .5rem; }
@media (max-width: 700px) {
- .files { grid-template-columns: 1fr; }
- .tree-pane { border-right: 0; border-bottom: 1px solid var(--color-border); max-height: 16rem; }
+ .files { grid-template-columns: 1fr; min-height: 0; }
+ .tree-pane { border-right: 0; border-bottom: 1px solid var(--color-border); max-height: 50vh; }
}
.blob { display: grid; grid-template-columns: auto minmax(0, 1fr); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); overflow: hidden; margin-bottom: 1.5rem; }