[UI] Notifications settings page CSS work

This commit is contained in:
rainydaysavings 2020-08-06 23:56:40 +01:00 committed by Hugo Sales
parent e4db0eb9b9
commit a71f54c6bf
3 changed files with 47 additions and 3 deletions

View File

@ -22,6 +22,51 @@
box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
} }
#form-tabs {
order: 2;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
background-color: #00000050;
padding: var(--medium-size);
margin-top: calc(2 * var(--unit-size));
margin-left: var(--side-margin);
margin-right: var(--side-margin);
font-size: var(--medium-size);
font-family: var(--head-font);
border-radius: var(--unit-size) var(--unit-size) 0 0;
box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
}
#form-tabs ul {
display: flex;
align-items: stretch;
justify-content: space-evenly;
width: 100%;
margin-left: calc(2 * var(--side-margin));
margin-right: calc(2 * var(--side-margin));
padding: 0;
}
#form-tabs li {
display: block;
flex: 0 1 auto;
list-style-type: none;
font-weight: 700;
}
#form-content {
order: 3;
background-color: #00000050;
padding: calc(2*var(--unit-size));
font-size: var(--medium-size);
height: 100%;
width: 100%;
margin-left: var(--side-margin);
margin-right: var(--side-margin);
box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
border-radius: 0 0 var(--unit-size) var(--unit-size);
}
.set-nav ul { .set-nav ul {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
@ -239,4 +284,4 @@ button {
padding: var(--small-size); padding: var(--small-size);
border: none; border: none;
border-radius: var(--small-size); border-radius: var(--small-size);
} }

View File

@ -17,7 +17,7 @@
<div class='navbar'> <div class='navbar'>
<div class="left-nav"> <div class="left-nav">
<div class='profile'> <div class='profile'>
<img src='{{ asset('assets/image.png') }}' class="icon icon-avatar"> <img src='{{ asset('assets/image.png') }}' alt="Your avatar." class="icon icon-avatar">
<div class="info"> <div class="info">
<b id="nick">{{ app.user.username }}</b> <b id="nick">{{ app.user.username }}</b>
<div class="tags"> <div class="tags">

View File

@ -47,5 +47,4 @@
</div> </div>
{% endblock body %} {% endblock body %}
{% block javascripts %}{% endblock %} {% block javascripts %}{% endblock %}