forked from GNUsocial/gnu-social
[UI] Notifications settings page CSS work
This commit is contained in:
parent
e4db0eb9b9
commit
a71f54c6bf
@ -22,6 +22,51 @@
|
||||
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 {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
@ -239,4 +284,4 @@ button {
|
||||
padding: var(--small-size);
|
||||
border: none;
|
||||
border-radius: var(--small-size);
|
||||
}
|
||||
}
|
@ -17,7 +17,7 @@
|
||||
<div class='navbar'>
|
||||
<div class="left-nav">
|
||||
<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">
|
||||
<b id="nick">{{ app.user.username }}</b>
|
||||
<div class="tags">
|
||||
|
@ -47,5 +47,4 @@
|
||||
</div>
|
||||
{% endblock body %}
|
||||
|
||||
|
||||
{% block javascripts %}{% endblock %}
|
Loading…
Reference in New Issue
Block a user