Improve prefs page css

This commit is contained in:
Zed 2019-08-16 01:57:36 +02:00
parent 1464131707
commit d05f4fd3ee
2 changed files with 34 additions and 26 deletions

View file

@ -208,6 +208,11 @@ nav {
font-weight: 600;
}
.site-name:hover {
color: #ffaca0;
text-decoration: unset;
}
.site-logo {
width: 35px;
height: 35px;
@ -1075,15 +1080,17 @@ video, .video-container img {
max-width: 600px;
margin: 0 auto;
width: 100%;
margin-top: 10px;
}
.preferences {
background-color: #222222;
background-color: #1f1f1f;
width: 100%;
padding: 5px 15px 15px 15px;
}
.preferences input[type="text"] {
max-width: 110px;
max-width: 120px;
background-color: #121212;
padding: 1px 4px;
color: #f8f8f2;
@ -1099,23 +1106,6 @@ video, .video-container img {
border-color: #ff6c60;
}
.preferences button {
background-color: #121212;
color: #f8f8f2;
border: 1px solid #ff6c6091;
padding: 3px 6px;
margin-top: 4px;
font-size: 14px;
}
.preferences button:hover {
border-color: #ff6c60;
}
.preferences button:active {
border-color: #ff9f97;
}
fieldset {
margin: .35em 0 .75em;
border: 0;
@ -1123,22 +1113,40 @@ fieldset {
legend {
width: 100%;
padding: .2em 0 .3em 0;
padding: .6em 0 .3em 0;
margin: 0;
border: 0;
font-size: 16px;
border-bottom: 1px solid #888888;
margin-bottom: 5px;
border-bottom: 1px solid #3e3e35;
margin-bottom: 8px;
}
.pref-input {
position: relative;
margin-bottom: 5px;
margin-bottom: 6px;
}
.pref-submit, .pref-reset button {
background-color: #121212;
color: #f8f8f2;
border: 1px solid #ff6c6091;
padding: 3px 6px;
margin-top: 6px;
font-size: 14px;
cursor: pointer;
float: right;
}
.pref-submit:hover, .pref-reset button:hover {
border-color: #ff6c60;
}
.pref-submit:active, .pref-reset button:active {
border-color: #ff9f97;
}
.pref-reset {
float: right;
margin-top: -28px;
float: left;
}
.icon-container {

View file

@ -57,7 +57,7 @@ proc renderPreferences*(prefs: Prefs): VNode =
form(`method`="post", action="saveprefs"):
renderPrefs()
button(`type`="submit"):
button(`type`="submit", class="pref-submit"):
text "Save preferences"
form(`method`="post", action="resetprefs", class="pref-reset"):