Skip to content

Adapt layout for mobile and tablet screens - #368

Merged
neSpecc merged 3 commits into
mainfrom
feat/mobile-adaptation
Oct 17, 2026
Merged

neSpecc merged 3 commits into
mainfrom
feat/mobile-adaptation

Conversation

@Kuchizu

@Kuchizu Kuchizu commented Sep 23, 2026

Copy link
Copy Markdown
Member

Adapted the web client for phones and tablets. Sidebars now stack below 768px and are hidden when empty below 1300px, the note grid is fluid, and inputs use 16px so iOS does not zoom on focus. Desktop is unchanged.

02-iphone-14-note

See all screenshots here: Screenshots.zip

@vercel

vercel Bot commented Sep 23, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
codex-ui Ready Ready Preview Oct 3, 2026 11:23pm UTC

@Kuchizu
Kuchizu requested a review from neSpecc September 23, 2026 19:42

@neSpecc neSpecc left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice job! My main comments are related to CodeX UI design system. It should stay well-organized. Lets find a way how to unhardcode some values. And maybe we should think about how generally the Design System should be responisble.

Comment thread @codexteam/ui/src/vue/components/card/Card.vue Outdated
Comment thread @codexteam/ui/src/vue/components/card/Card.vue Outdated
Comment thread @codexteam/ui/src/vue/components/card/Card.vue Outdated
Comment thread @codexteam/ui/src/vue/components/editor/Editor.vue Outdated
Comment thread @codexteam/ui/src/vue/components/input/Input.vue Outdated
Comment thread @codexteam/ui/src/vue/components/row/Row.vue Outdated
Comment thread src/presentation/pages/Note.vue Outdated
@Kuchizu

Kuchizu commented Sep 24, 2026

Copy link
Copy Markdown
Member Author

Nice job! My main comments are related to CodeX UI design system. It should stay well-organized. Lets find a way how to unhardcode some values. And maybe we should think about how generally the Design System should be responisble.

Thanks! Fixed all of them. I think the kit should own responsive behavior of its layout components, and apps only reuse its breakpoints.

Comment thread @codexteam/ui/src/styles/dimensions.pcss Outdated
Comment thread @codexteam/ui/src/vue/components/card/CardSkeleton.vue Outdated
@neSpecc
neSpecc merged commit 889e251 into main Oct 17, 2026
6 checks passed

This branch was successfully deployed

1 active deployment
Preview — a8b4f62e Deployed Oct 3, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants