mobil first theme
Closed this issue · 0 comments
hereIam-dev commented
use "Geist" as a modern and minimalist React UI library, originating from Vercel's design
- https://github.com/geist-org/geist-ui
- https://geist-ui.dev/en-us
- https://github.com/geist-org/icons
- https://www.npmjs.com/package/@geist-ui/react-icons
provide light and dark theme and theme switch in /settings/appearance (light theme in focus)
include fonts (use system fonts) and base colors
modify media queries:
- open drawer from "down" for mobile phone in portrait, set "min-height" on 33% (golden ratio)
- open drawer from "right" for other resolutions, mobile phone -> set "min-width" on 66%, other -> set "min-width" on 33%
- set transitions for "open" and "close"