mirror of
https://github.com/Xevion/runnerspace.git
synced 2026-01-31 02:25:51 -06:00
Improve/add error messages to look better visually
- Have not tested everywhere, but should work okayish
This commit is contained in:
+13
-2
@@ -124,12 +124,12 @@ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0 auto;
|
||||
margin: 1em auto;
|
||||
width: fit-content;
|
||||
}
|
||||
form.login-form {
|
||||
border: 1px solid darkblue;
|
||||
padding: 10px;
|
||||
padding: 0.7em;
|
||||
}
|
||||
form .field {
|
||||
padding: 4px;
|
||||
@@ -262,6 +262,7 @@ form button {
|
||||
}
|
||||
.post-box .post-author {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 0.8em;
|
||||
border-bottom: 1px solid grey;
|
||||
padding-bottom: 0.8em;
|
||||
@@ -312,4 +313,14 @@ form button {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
span.error-message {
|
||||
margin: 0.5em;
|
||||
border: 1px solid red;
|
||||
padding: 0.3em;
|
||||
}
|
||||
span.error-message.center-message {
|
||||
margin: 0 auto;
|
||||
display: table;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAOE;;AALA;EAEE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;;AAMR;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA","file":"styles.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAOE;;AALA;EAEE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA","file":"styles.css"}
|
||||
+16
-2
@@ -59,6 +59,7 @@ body, html {
|
||||
#img-logo {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 80px;
|
||||
@@ -145,12 +146,12 @@ nav, footer {
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0 auto;
|
||||
margin: 1em auto;
|
||||
width: fit-content;
|
||||
|
||||
&.login-form {
|
||||
border: 1px solid darkblue;
|
||||
padding: 10px
|
||||
padding: 0.7em;
|
||||
}
|
||||
|
||||
.field {
|
||||
@@ -308,6 +309,7 @@ form {
|
||||
|
||||
.post-author {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
font-size: 0.8em;
|
||||
border-bottom: 1px solid grey;
|
||||
padding-bottom: 0.8em;
|
||||
@@ -350,6 +352,7 @@ form {
|
||||
|
||||
.new-users, .statistics {
|
||||
margin-top: 0 !important;
|
||||
|
||||
> div {
|
||||
border: 1px solid grey;
|
||||
padding: 0.2em;
|
||||
@@ -366,3 +369,14 @@ form {
|
||||
min-height: 235px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
span.error-message {
|
||||
margin: 0.5em;
|
||||
border: 1px solid red;
|
||||
padding: 0.3em;
|
||||
|
||||
&.center-message {
|
||||
margin: 0 auto;
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user