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

@ -13,4 +13,16 @@ p.navbar-item:empty {
table.table td { table.table td {
vertical-align: middle; 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', { Vue.component('nav-bar', {
template: ` 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"> <div class="navbar-brand">
<a class="navbar-item" href="https://mps.org.uy"> <a class="navbar-item" href="https://mps.org.uy">
<img src="/assets/logoMPS.png" height="28"> <img src="/assets/logoMPS.png" height="28">

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

@ -19,7 +19,7 @@
</head> </head>
<body> <body class="has-navbar-fixed-top">
<div id="app"> <div id="app">
<nav-bar> <nav-bar>
<template slot="subpedido">{{ session('subpedido_nombre') ? 'Pedido de '. session('subpedido_nombre') : Auth::user()->name }}</template> <template slot="subpedido">{{ session('subpedido_nombre') ? 'Pedido de '. session('subpedido_nombre') : Auth::user()->name }}</template>
@ -31,14 +31,14 @@
</template> </template>
</nav-bar> </nav-bar>
<nav-migas inline-template> <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> <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> <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> </ul>
</nav> </nav>
</nav-migas> </nav-migas>
<main class="py-4"> <main class="py-4 has-top-padding">
@yield('content') @yield('content')
</main> </main>
</div> </div>