Wrap the nav and breadcrumbs in a <header> element
This commit is contained in:
parent
9b6305f8c9
commit
096df9a550
1 changed files with 18 additions and 17 deletions
|
@ -1,21 +1,20 @@
|
|||
<nav .navbar .navbar-expand-lg .navbar-dark.bg-dark>
|
||||
$maybe title <- appTitle $ appSettings master
|
||||
<a .navbar-brand href=@{HomeR}>#{title}
|
||||
<button type="button" .navbar-toggler data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation">
|
||||
<span .navbar-toggler-icon>
|
||||
<header>
|
||||
<nav .navbar .navbar-expand-lg .navbar-dark.bg-dark>
|
||||
$maybe title <- appTitle $ appSettings master
|
||||
<a .navbar-brand href=@{HomeR}>#{title}
|
||||
<button type="button" .navbar-toggler data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation">
|
||||
<span .navbar-toggler-icon>
|
||||
|
||||
<div #navbar .collapse.navbar-collapse>
|
||||
<ul .navbar-nav.mr-auto>
|
||||
$forall MenuItem label route _ <- navbarLeftFilteredMenuItems
|
||||
<li .nav-item :Just route == mcurrentRoute:.active>
|
||||
<a .nav-link href=@{route}>#{label}
|
||||
<div #navbar .collapse.navbar-collapse>
|
||||
<ul .navbar-nav.mr-auto>
|
||||
$forall MenuItem label route _ <- navbarLeftFilteredMenuItems
|
||||
<li .nav-item :Just route == mcurrentRoute:.active>
|
||||
<a .nav-link href=@{route}>#{label}
|
||||
|
||||
<ul .navbar-nav>
|
||||
$forall MenuItem label route _ <- navbarRightFilteredMenuItems
|
||||
<li .nav-item :Just route == mcurrentRoute:.active>
|
||||
<a .nav-link href=@{route}>#{label}
|
||||
|
||||
<main>
|
||||
<ul .navbar-nav>
|
||||
$forall MenuItem label route _ <- navbarRightFilteredMenuItems
|
||||
<li .nav-item :Just route == mcurrentRoute:.active>
|
||||
<a .nav-link href=@{route}>#{label}
|
||||
$if not $ null parents
|
||||
<ul .breadcrumb.rounded-0>
|
||||
$forall bc <- parents
|
||||
|
@ -24,10 +23,12 @@
|
|||
<li .breadcrumb-item.active>#{title}
|
||||
$maybe msg <- mmsg
|
||||
<div .alert.alert-info #message>#{msg}
|
||||
|
||||
<main>
|
||||
^{widget}
|
||||
|
||||
<!-- Footer -->
|
||||
<footer .footer>
|
||||
<footer>
|
||||
<div .container>
|
||||
<p .text-muted>
|
||||
All content on this site is licensed under a
|
||||
|
|
Loading…
Reference in a new issue