panels-origin/web-panel
Alberto Martinez 7bcef22d59 Menú agrupado y ribbon tipo mockup
<!-- CURSOR_AGENT_PR_BODY_BEGIN -->
El menú principal deja de ser una lista plana que se parte en dos filas. Queda en una sola barra con iconos a la izquierda y grupos:

- Inicio
- Obra (Proyectos, Presupuesto, Programa de obra, Control costos)
- Operación (Gastos, Almacén, Kanban)
- Personal (Padrón, Gafetes, Nómina)
- Administración (Usuarios)

Configuración y empresas siguen en el menú del avatar. Ayuda duplicada se quitó del menú (queda el botón de la derecha).

El ribbon (Nuevo/Editar) se compacta como tarjeta: icono arriba, grupos, hover suave y Alta en azul.

Validación:
- `npm run build` en `web-panel` completó sin errores.
- Capturas del escritorio en `/proyectos`: menú en una fila, dropdown de Obra y ribbon de Acciones.
<!-- CURSOR_AGENT_PR_BODY_END -->

<div><a href="https://cursor.com/agents/bc-3755a070-b0cd-40ee-b616-7493e3911e5c?cursor_ref=pr_footer&cursor_cta=open_in_web"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a>&nbsp;<a href="https://cursor.com/background-agent?bcId=bc-3755a070-b0cd-40ee-b616-7493e3911e5c&cursor_ref=pr_footer&cursor_cta=open_in_cursor"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-cursor-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-cursor-light.png"><img alt="Open in Cursor" width="131" height="28" src="https://cursor.com/assets/images/open-in-cursor-dark.png"></picture></a>&nbsp;</div>
2026-09-08 16:57:19 +00:00
..
assets/css Menú agrupado y ribbon tipo mockup 2026-09-08 16:57:19 +00:00
components Menú agrupado y ribbon tipo mockup 2026-09-08 16:57:19 +00:00
composables fix(web-panel): unwrap API envelope post-login and improve error screen 2026-09-04 06:56:25 +00:00
layouts Menú agrupado y ribbon tipo mockup 2026-09-08 16:57:19 +00:00
middleware first commit 2026-08-21 16:55:01 -05:00
pages feat: Programa de obra por proyecto 2026-09-08 04:51:09 +00:00
plugins Ajustes para nomina y dashboard 2026-08-26 19:02:41 -05:00
public first commit 2026-08-21 16:55:01 -05:00
themes first commit 2026-08-21 16:55:01 -05:00
types Ajustes para nomina y dashboard 2026-08-26 19:02:41 -05:00
.gitignore first commit 2026-08-21 16:55:01 -05:00
app.vue fix(web-panel): unwrap API envelope post-login and improve error screen 2026-09-04 06:56:25 +00:00
nginx.conf first commit 2026-08-21 16:55:01 -05:00
nuxt.config.ts first commit 2026-08-21 16:55:01 -05:00
package-lock.json Ajustes para nomina y dashboard 2026-08-26 19:02:41 -05:00
package.json Ajustes para nomina y dashboard 2026-08-26 19:02:41 -05:00
README.md first commit 2026-08-21 16:55:01 -05:00
tsconfig.json first commit 2026-08-21 16:55:01 -05:00

Nuxt Minimal Starter

Look at the Nuxt documentation to learn more.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.