[UI] Additional fixes to settings page
This commit is contained in:
parent
13700edb3e
commit
1c7ea95b1f
|
@ -9,6 +9,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.content div {
|
.content div {
|
||||||
|
background-color: #00000050;
|
||||||
|
padding: calc(2*var(--unit-size));
|
||||||
|
font-size: var(--medium-size);
|
||||||
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
margin-top: var(--unit-size);
|
||||||
|
margin-left: var(--side-margin);
|
||||||
|
margin-right: var(--side-margin);
|
||||||
|
box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
|
||||||
|
border-radius: var(--unit-size);
|
||||||
}
|
}
|
|
@ -150,10 +150,6 @@ label {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
label:nth-child(n) {
|
|
||||||
margin-top: var(--medium-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
margin-top: calc(var(--unit-size) * 0.5);
|
margin-top: calc(var(--unit-size) * 0.5);
|
||||||
width: calc(100% - var(--unit-size));
|
width: calc(100% - var(--unit-size));
|
||||||
|
@ -325,7 +321,7 @@ input[type=radio] {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
box-shadow: unset;
|
box-shadow: 0;
|
||||||
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
||||||
font-size: var(--unit-size);
|
font-size: var(--unit-size);
|
||||||
}
|
}
|
||||||
|
|
|
@ -135,10 +135,6 @@ label {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
label:nth-child(n) {
|
|
||||||
margin-top: var(--medium-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
margin-top: calc(var(--unit-size) * 0.5);
|
margin-top: calc(var(--unit-size) * 0.5);
|
||||||
width: calc(100% - var(--unit-size));
|
width: calc(100% - var(--unit-size));
|
||||||
|
@ -310,7 +306,7 @@ input[type=radio] {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
box-shadow: unset;
|
box-shadow: 0;
|
||||||
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
||||||
font-size: var(--unit-size);
|
font-size: var(--unit-size);
|
||||||
}
|
}
|
||||||
|
|
|
@ -134,10 +134,6 @@ label {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
label:nth-child(n) {
|
|
||||||
margin-top: var(--medium-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
margin-top: calc(var(--unit-size) * 0.5);
|
margin-top: calc(var(--unit-size) * 0.5);
|
||||||
width: calc(100% - var(--unit-size));
|
width: calc(100% - var(--unit-size));
|
||||||
|
@ -309,7 +305,7 @@ input[type=radio] {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
box-shadow: unset;
|
box-shadow: 0;
|
||||||
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
||||||
font-size: var(--unit-size);
|
font-size: var(--unit-size);
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,19 +4,6 @@
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<style>
|
|
||||||
.form {
|
|
||||||
display: none;
|
|
||||||
clip-path: polygon(0 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
{% for transport, form in tabbed_forms %}
|
|
||||||
#form_toggle_{{ transport }}:checked ~ #form_{{ transport }} {
|
|
||||||
display: flex;
|
|
||||||
clip-path: none;
|
|
||||||
}
|
|
||||||
{% endfor %}
|
|
||||||
</style>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user