xevion/runnerspace
1
0
Fork 0
mirror of https://github.com/Xevion/runnerspace.git synced 2025-12-09 10:08:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve form field rendering macro to fix login/signup pages

Browse Source 
It now looks less "dogshit" as one might say. Still quite dogshit, but acceptable 'dogshit'.
This commit is contained in:
Xevion
2022-03-29 02:51:47 -05:00
parent 862f58153e
commit 820ecf3d74
6 changed files with 121 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
static/styles.css
View File

@@ -123,26 +123,6 @@ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after
font-size: 1em;
}
form {
margin: 1em auto;
width: fit-content;
}
form.login-form {
border: 1px solid darkblue;
padding: 0.7em;
}
form field {
padding: 4px;
}
form field .checkbox {
margin-left: auto;
}
form button {
border-radius: 0px;
width: 15em;
margin: 0 auto;
}
.profile-title {
display: block;
border-bottom: 1px solid grey;
@@ -323,4 +303,46 @@ span.error-message.center-message {
display: table;
}
form {
background: white;
width: fit-content;
margin: 0 auto 0 auto;
padding: 1em;
border: grey 1px solid;
white-space: nowrap;
}
form label {
display: inline-block;
min-width: 10em;
}
form input {
border: #ccc 1px solid;
border-bottom: #ccc 2px solid;
padding: 3px;
margin-top: 10px;
font-size: 1em;
border-radius: 4px;
}
form input[type=submit] {
width: 100%;
}
.button {
background: #2ecc71;
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
color: white;
border-radius: 4px;
border: #27ae60 1px solid;
float: left;
margin: 0 0 0 16px;
font-weight: 800;
font-size: 0.8em;
}
.button:hover {
background: #2CC06B;
}
/*# sourceMappingURL=styles.css.map */

2
static/styles.css.map
View File

@@ -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;;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"}
{"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;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;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAKE;EACA;EACA;EAEA;EACA;EACA;;AAVA;EACE;;;AAaN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;EACE","file":"styles.css"}

90
static/styles.scss
View File

@@ -145,30 +145,6 @@ nav, footer {
font-size: 1em;
}
form {
margin: 1em auto;
width: fit-content;
&.login-form {
border: 1px solid darkblue;
padding: 0.7em;
}
field {
padding: 4px;
.checkbox {
margin-left: auto;
}
}
button {
border-radius: 0px;
width: 15em;
margin: 0 auto;
}
}
.profile-title {
display: block;
border-bottom: 1px solid grey;
@@ -380,3 +356,69 @@ span.error-message {
display: table;
}
}
form {
background: white;
width: fit-content;
margin: 0 auto 0 auto;
padding: 1em;
border: grey 1px solid;
white-space: nowrap;
label {
display: inline-block;
min-width: 10em;
}
input {
&[type="submit"] {
width: 100%;
}
//background: #ecf0f1;
border: #ccc 1px solid;
border-bottom: #ccc 2px solid;
padding: 3px;
//width: 100%;
margin-top: 10px;
font-size: 1em;
border-radius: 4px;
}
}
.button {
background: #2ecc71;
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
color: white;
border-radius: 4px;
border: #27ae60 1px solid;
float: left;
margin: 0 0 0 16px;
font-weight: 800;
font-size: 0.8em;
}
.button:hover {
background: #2CC06B;
}
//.button {
// float: left;
// background: #3498db;
// width: 125px;
// padding-top: 5px;
// padding-bottom: 5px;
// color: white;
// border-radius: 4px;
// border: #2980b9 1px solid;
//
// margin: 20px 0 20px 10px;
// font-weight: 800;
// font-size: 0.8em;
//}
//
//.button:hover {
// background: #3594D2;
//}