30 lines
983 B
Vue
30 lines
983 B
Vue
<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>
|