noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjustments button styling and login screen

Browse Source
This commit is contained in:
Colin Kallemein 2024-06-10 21:23:50 +02:00
parent 58bff2010f
commit 6aa8853aa9
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/scss/main.scss
View File

@ -18,6 +18,7 @@ body {
h1, h2, h3, h4, h5, h6, button, a { h1, h2, h3, h4, h5, h6, button, a {
font-family: "Poppins", serif; font-family: "Poppins", serif;
color: $white; color: $white;
font-weight: 500;
} }
p, span, li, label { p, span, li, label {
@ -45,6 +46,7 @@ button {
background-color: rgba($cyan, 0.5); background-color: rgba($cyan, 0.5);
border: 1px solid $white; border: 1px solid $white;
border-radius: 5px; border-radius: 5px;
text-shadow: 0 3px 6px rgba($black, 0.2);
&:hover { &:hover {
background-color: $cyan; background-color: $cyan;

18
src/components/screens/Login.vue
View File

@ -133,7 +133,7 @@ async function registerFunc() {
background-color: rgba($white, 0.5); background-color: rgba($white, 0.5);
border-radius: 3px; border-radius: 3px;
border: $light-gray 1px solid; border: $light-gray 1px solid;
min-width: 400px; min-width: 500px;
margin: 0 auto; margin: 0 auto;
label { label {
@ -158,10 +158,10 @@ async function registerFunc() {
.row-buttons { .row-buttons {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 8px; gap: 15px;
.button { .button {
padding: 10px 0; padding: 8px 0;
min-width: 100px; min-width: 100px;
span { span {
@ -175,12 +175,7 @@ async function registerFunc() {
.main-title { .main-title {
margin-top: 115px; margin-top: 115px;
text-align: center; text-align: center;
font-size: 3rem; font-size: 4rem;
text-shadow:
-1px -1px 0 $gray,
1px -1px 0 $gray,
-1px 1px 0 $gray,
1px 1px 0 $gray;
} }
a { a {
@ -188,7 +183,7 @@ async function registerFunc() {
} }
// Mobile screens (< 450px) // Mobile screens (< 450px)
@media screen and (max-width: 450px) { @media screen and (max-width: 550px) {
.content-wrapper { .content-wrapper {
.content-elements { .content-elements {
.login-form { .login-form {
@ -197,6 +192,9 @@ async function registerFunc() {
min-width: unset; min-width: unset;
} }
} }
.row-buttons {
gap: 8px;
}
} }
} }
} }