mono/ToldoConjunto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

feat: mejorar UI con Vuetify 3, POS tipo venta real, dashboard

Browse Source
This commit is contained in:
mono
2026-10-24 23:12:47 -05:00
parent 27b084dd52
commit ff98f2d4c1
12 changed files with 484 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
apps/toldo-app/src/components/Layout.vue
View File

@@ -1,29 +1,27 @@
<template>
<div class="layout">
<header>
<h1>ToldoConjunto - CESTA</h1>
<nav>
<router-link to="/">Inicio</router-link>
<router-link to="/inventario">Inventario</router-link>
<router-link to="/ventas">Ventas</router-link>
<router-link to="/gastos">Gastos</router-link>
<router-link to="/cuadre">Cuadre</router-link>
<router-link to="/reportes">Reportes</router-link>
<router-link to="/ajustes">Ajustes</router-link>
<router-link to="/exportar">Exportar/Importar</router-link>
</nav>
</header>
<main>
<router-view />
</main>
</div>
</template>
<v-app>
<v-app-bar color="primary" density="compact">
<v-app-bar-title>ToldoConjunto - CESTA</v-app-bar-title>
<v-spacer></v-spacer>
</v-app-bar>
<style scoped>
.layout { font-family: system-ui, sans-serif; }
header { background: #2d5f3b; color: white; padding: 1rem; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem; }
nav a { color: white; text-decoration: none; }
nav a.router-link-active { text-decoration: underline; }
main { padding: 1rem; }
</style>
<v-navigation-drawer permanent>
<v-list density="compact">
<v-list-item to="/" prepend-icon="mdi-home" title="Inicio"></v-list-item>
<v-list-item to="/inventario" prepend-icon="mdi-package-variant" title="Inventario"></v-list-item>
<v-list-item to="/ventas" prepend-icon="mdi-cart" title="Ventas (POS)"></v-list-item>
<v-list-item to="/gastos" prepend-icon="mdi-cash-minus" title="Gastos"></v-list-item>
<v-list-item to="/cuadre" prepend-icon="mdi-cash-register" title="Cierre de Caja"></v-list-item>
<v-list-item to="/ajustes" prepend-icon="mdi-pencil" title="Ajustes"></v-list-item>
<v-list-item to="/reportes" prepend-icon="mdi-chart-bar" title="Reportes"></v-list-item>
<v-list-item to="/exportar" prepend-icon="mdi-export" title="Exportar/Importar"></v-list-item>
</v-list>
</v-navigation-drawer>
<v-main>
<v-container fluid>
<router-view />
</v-container>
</v-main>
</v-app>
</template>