Hide sidenav if small
This commit is contained in:
parent
d7eafec0a2
commit
3cd208beb4
|
@ -8,11 +8,31 @@
|
||||||
{% else %}
|
{% else %}
|
||||||
<title>Husstanden</title>
|
<title>Husstanden</title>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<style>
|
||||||
|
#sidenav-container {
|
||||||
|
flex: 0 0 320px;
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px){
|
||||||
|
#sidenav-container {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1072px){
|
||||||
|
#sidenav-container {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body style="height:100%">
|
<body style="height:100%">
|
||||||
<div class="p-2" style="height:100%">
|
<div class="p-2" style="height:100%">
|
||||||
<div class="d-flex" style="height:100%">
|
<div class="d-flex" style="height:100%">
|
||||||
<div class="col p-2" style="flex:0 0 320px;">
|
<div class="col p-2" id="sidenav-container">
|
||||||
{% include 'layout/includes/side_nav.html' %}
|
{% include 'layout/includes/side_nav.html' %}
|
||||||
</div>
|
</div>
|
||||||
<div class="col p-2">
|
<div class="col p-2">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user