aboutsummaryrefslogtreecommitdiff
path: root/src/views/login/scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/login/scss')
-rw-r--r--src/views/login/scss/login.scss67
1 files changed, 67 insertions, 0 deletions
diff --git a/src/views/login/scss/login.scss b/src/views/login/scss/login.scss
new file mode 100644
index 0000000..1b2be62
--- /dev/null
+++ b/src/views/login/scss/login.scss
@@ -0,0 +1,67 @@
+@import "../../../colors";
+@import "../../../components/editors/scss/editor";
+
+.login-page-wrapper, .register-page-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ height: calc(100vh - 7rem);
+}
+
+.login-page, .register-page {
+ @include label;
+ @include button;
+ width: 95%;
+ max-width: 25rem;
+ margin-top: -6rem;
+ h1, p {
+ margin: 0.5rem 0;
+ text-align: center;
+ }
+
+ label {
+ margin: auto;
+ width: 98%;
+ max-width: none;
+ }
+
+ hr {
+ margin-top: 1rem;
+ }
+
+ .input-with-icon {
+ width: 100%;
+ max-width: 15rem;
+ input {
+ margin-right: 0.5rem;
+ width: 87%;
+ }
+ .icon {
+ cursor: pointer;
+ transition: color 0.2s;
+ }
+ .icon.active {color: $primaryAccentColor;}
+ }
+
+ input.wider {
+ max-width: 15rem;
+ }
+
+ .buttons {
+ margin: 1rem 0;
+ display: flex;
+ justify-content: center;
+ button {width: 10rem;}
+ button, input[type=submit] {
+ margin: 0 1rem;
+ }
+ }
+
+ input[type=submit]:disabled {
+ border-color: $warningColor;
+ }
+ input[type=submit]:disabled:hover {
+ background-color: $warningColor;
+ }
+}