CSS anterior não aplicava devido a conflitos de especificidade. Adicionado regras com maior prioridade em TODOS estilos críticos: SIDEBAR MOBILE (<768px): - width: 60px forçado - app-main margin-left: 60px forçado - Texto/logos escondidos (display/opacity/visibility none) - Links centralizados, padding 0.75rem SIDEBAR ULTRA-COMPACTA (<430px): - width: 56px forçado - app-main margin-left: 56px forçado SIDEBAR LANDSCAPE: - width: 50px forçado - app-main margin-left: 50px forçado LAYOUT OTIMIZADO: - Cards: padding 0.5-0.75rem reduzido - Containers: padding 0.5rem - Row margins: -0.25rem para aproveitar espaço - Modais: margin 0.5rem, max-width otimizada - Tabelas: font 0.8rem, padding ultra-compacto SAFE AREAS: - app-sidebar: padding-top/bottom com env() - app-main: padding-bottom com env() - Modais: margins com calc() PWA STANDALONE: - overscroll-behavior none - sidebar position fixed, overflow-y auto Deploy: frontend/dist completamente substituído |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| deploy.ps1 | ||
| deploy.sh | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| vite.config.js | ||
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.