Gr1/husstanden
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Top nav (TODO: flags)

Browse Source
This commit is contained in:
Emily 2019-04-24 15:57:54 +02:00
parent d6755bf837
commit 1853e2e62f
3 changed files with 49 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
templates/layout/dash.html
View File

@ -9,15 +9,15 @@
{% endif %} {% endif %}
</head> </head>
<body> <body>
<nav class="navbar navbar-dark bg-dark"> <div class="p-2">
<a class="navbar-brand" href="#">Navbar</a> <div class="d-flex">
</nav> <div class="col p-2" style="flex:0 0 320px;">
<div class="d-flex"> {% include 'layout/includes/side_nav.html' %}
<div class="p-2" style="flex:0 0 320px;"> </div>
{% include 'layout/includes/nav.html' %} <div class="col p-2">
</div> {% include 'layout/includes/top_nav.html' %}
<div class="col p-2">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div>
</div> </div>
</div> </div>
{% include 'layout/includes/boot-body.html' %} {% include 'layout/includes/boot-body.html' %}

1
templates/layout/includes/nav.html → templates/layout/includes/side_nav.html
View File

@ -9,7 +9,6 @@
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;
width: 280px;
height: 100%; height: 100%;
} }

41
templates/layout/includes/top_nav.html Normal file
View File

@ -0,0 +1,41 @@
<style>
.rndblock {
border-radius: 100%;
background: #B507DB;
width: 40px;
height: 40px;
color: white;
text-align: center;
font-size: 24px;
vertical-align: middle;
display: table-cell;
}
.languk {
background: url("{{ url_for('static', filename='const/img/flags/uk.png') }}");
}
.langno {
background: url("{{ url_for('static', filename='const/img/flags/no.png') }}");
}
</style>
<nav class="navbar navbar-dark bg-dark" style="margin-bottom: 10px;">
<a class="navbar-brand" href="#">Dashboard</a>
<div class="my-2 my-lg-0 d-flex">
<div class="col">
<div class="rndblock languk"></div>
</div>
<div class="col">
<div class="rndblock">
<i class="fas fa-bell"></i>
</div>
</div>
<div class="col">
<div class="rndblock"> <!-- OR INCLUDE BACKGROUND TEXTURE -->
T <!-- FIRST CHAR OF USER -->
</div>
</div>
</div>
</nav>