feat: repositorios, servicios, UI completa con rutas, Capacitor Android sync
This commit is contained in:
29
apps/toldo-app/src/components/Layout.vue
Normal file
29
apps/toldo-app/src/components/Layout.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<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>
|
||||
|
||||
<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>
|
||||
Reference in New Issue
Block a user