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

View File

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