vrr/CodeNomad
2
0
Fork 0
mirror of https://github.com/NeuralNomadsAI/CodeNomad.git synced 2026-07-10 00:14:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(ui): constrain mobile folder home layout

Browse source 
Reserve space for the absolute homepage controls on narrow screens so the language selector no longer overlaps the CodeNomad logo.

Apply the existing actions-column height constraint to the recent folder panel across viewport sizes so mobile lists scroll instead of expanding beyond the browse/actions section.

Validated with npm run typecheck --workspace @codenomad/ui.
This commit is contained in:
Shantur Rathore 2026-05-17 20:24:38 +01:00
parent ee069bf4db
commit cabe89476f
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/ui/src/styles/components/folder-home.css
View file

@ -9,6 +9,12 @@
min-height: 100%;
}
@media (max-width: 639px) {
.folder-home-shell {
padding-top: 3.5rem;
}
}
.folder-home-hero {
margin-bottom: 1.5rem;
}
@ -36,6 +42,8 @@
.folder-home-list-panel {
min-height: 16rem;
height: var(--folder-home-actions-height, auto);
max-height: var(--folder-home-actions-height, none);
}
@media (min-width: 1024px) {
@ -50,10 +58,6 @@
min-width: 0;
}
.folder-home-list-panel {
height: var(--folder-home-actions-height, auto);
max-height: var(--folder-home-actions-height, none);
}
}
@media (min-width: 640px) and (min-height: 721px) {