inicio mantenedor de lineas

src/components/TableResponsive.svelte

@@ -0,0 +1,6 @@
+
+<div class="table-responsive">
+    <table class="table table-hover table-bordered">
+        <slot />
+    </table>
+</div>

src/layouts/Sidebar.svelte

@@ -49,6 +49,11 @@
                 <span class="align-middle">Aplicaciones</span>
             </SideLink>
 
+            <SideLink to="/lineas">
+                <i class="align-middle bi bi-terminal fs-4" />
+                <span class="align-middle">Rutas de Buses</span>
+            </SideLink>
+
             <SideLink to="/comunas">
                 <i class="align-middle bi bi-geo-alt fs-4" />
                 <span class="align-middle">Comunas</span>

src/pages/lineas/Home.svelte

@@ -0,0 +1,35 @@
+<script>
+    import PageTitle from "../../components/PageTitle.svelte";
+    import TableResponsive from "../../components/TableResponsive.svelte";
+
+    let loading = false;
+</script>
+
+<PageTitle {loading}>Rutas de Buses</PageTitle>
+
+<div class="card">
+    <div class="card-header">
+        <button class="btn btn-outline-secondary"><i class="bi bi-plus-lg"></i> Nuevo</button>
+    </div>
+    <div class="card-body">
+        <TableResponsive>
+            <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Operador</th>
+                    <th>LUR</th>
+                    <th>Dirección</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                </tr>
+            </tbody>
+        </TableResponsive>
+    </div>
+    <div class="card-footer"></div>
+</div>

src/routes/user.routes.js

@@ -14,6 +14,7 @@ import PageMapaRutas from '$/pages/mapas/Rutas.svelte'
 import PageRoles from '$/pages/roles/Admin.svelte'
 import PageRolesyAplicaciones from '$/pages/rolesaplicaciones/Admin.svelte'
 import PageParaderos from '$/pages/paraderos/Home.svelte'
+import PageLineas from "$/pages/lineas/Home.svelte";
 
 export const routes = [
     { path: '/', component: PageHome },
@@ -31,5 +32,6 @@ export const routes = [
     { path: '/mapas/paraderos', component: PageMapaParaderos },
     { path: '/mapas/rutas', component: PageMapaRutas },
     { path: '/paraderos', component: PageParaderos },
+    { path: '/lineas', component: PageLineas },
     { path: '*', component: PageError },
 ]