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

More styling cleanup, tweaked login btns

Browse Source
This commit is contained in:
Colin Kallemein 2024-06-09 22:59:08 +02:00
parent ef13f22e6e
commit 9ff5fa3a84
4 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -66,8 +66,6 @@
.button { .button {
padding: 10px 0; padding: 10px 0;
min-width: 100px; min-width: 100px;
font-size: 0.65rem;
border-radius: 5px;
span { span {
margin: auto; margin: auto;

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

@ -39,7 +39,8 @@ button {
&.btn-cyan { &.btn-cyan {
background-color: rgba($cyan, 0.5); background-color: rgba($cyan, 0.5);
border: 2px solid rgba($white, 0.9); border: 1px solid $white;
border-radius: 5px;
&:hover { &:hover {
background-color: $cyan; background-color: $cyan;

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

@ -14,7 +14,7 @@
</div> </div>
</div> </div>
<div class="row-buttons"> <div class="row-buttons">
<button class="button btn-cyan" type="submit"><span>LOGIN</span></button> <button class="button btn-cyan" type="submit"><span>PLAY</span></button>
<button class="button btn-cyan" type="button" @click.prevent="registerFunc"><span>REGISTER</span></button> <button class="button btn-cyan" type="button" @click.prevent="registerFunc"><span>REGISTER</span></button>
<button class="button btn-cyan"><span>CREDITS</span></button> <button class="button btn-cyan"><span>CREDITS</span></button>
</div> </div>

2
src/components/utilities/Modal.vue
View File

@ -160,8 +160,6 @@ onUnmounted(() => {
button { button {
padding: 6px 15px; padding: 6px 15px;
min-width: 100px; min-width: 100px;
border-radius: 5px;
border-width: 1px;
} }
.modal-form { .modal-form {