felix
/
pedi2
forked from nathalie/pedi2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Barra de navegacion y de migas se mantienen fijas

This commit is contained in:
nat 2022-05-04 15:19:41 -03:00
parent f7f06cfa3a
commit 9fb5275007
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/app.css vendored
View File

@ -14,3 +14,15 @@ p.navbar-item:empty {
table.table td {
vertical-align: middle;
}
nav.breadcrumb.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30;
top: 3.25rem;
}
main.has-top-padding {
padding-top: 3rem !important;
}

2
public/js/app.js vendored
View File

@ -2,7 +2,7 @@ window.Event = new Vue();
Vue.component('nav-bar', {
template: `
<nav class="navbar is-danger" role="navigation" aria-label="main navigation">
<nav class="navbar is-danger is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://mps.org.uy">
<img src="/assets/logoMPS.png" height="28">

6
resources/views/layouts/app.blade.php
View File

@ -19,7 +19,7 @@
</head>
<body>
<body class="has-navbar-fixed-top">
<div id="app">
<nav-bar>
<template slot="subpedido">{{ session('subpedido_nombre') ? 'Pedido de '. session('subpedido_nombre') : Auth::user()->name }}</template>
@ -31,14 +31,14 @@
</template>
</nav-bar>
<nav-migas inline-template>
<nav class="breadcrumb is-centered has-background-danger-light" aria-label="breadcrumbs" v-show="visible">
<nav class="breadcrumb is-centered has-background-danger-light is-fixed-top" aria-label="breadcrumbs" v-show="visible">
<ul>
<li v-for="(miga, i) in migas" v-bind:class="i==migas.length-1 ? 'is-active' : ''"><a :href="miga.href" v-text="miga.nombre"></a></li>
</ul>
</nav>
</nav-migas>
<main class="py-4">
<main class="py-4 has-top-padding">
@yield('content')
</main>
</div>