IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

add button disable

Browse Source
This commit is contained in:
ogerly 2022-05-24 11:47:48 +02:00
parent 60945b0f72
commit c7b727e984
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/assets/scss/gradido-template.scss
View File

@ -53,6 +53,7 @@ a,
}
.btn-gradido:hover {
color: #fff;
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}
@ -60,6 +61,21 @@ a,
outline: none;
}
.btn-gradido-disable {
padding: 1em 3em;
letter-spacing: 0.05em;
color: #fff;
transition: all 0.5s ease;
background: rgb(97,97,97);
background: linear-gradient(135deg, rgba(180,180,180,1) 46%, rgba(180,180,180,1) 99%);
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
border-radius:26px;
}
.btn-gradido-disable:hover {
color: #fff;
}
.btn-outline-gradido {
color: rgb(140 121 88);
border: 1px solid #f5b805;

2
frontend/src/pages/Register.vue
View File

@ -84,7 +84,7 @@
<b-button
type="submit"
:disabled="disabled"
:variant="disabled ? 'outline-gradido' : 'gradido'"
:variant="disabled ? 'gradido-disable' : 'gradido'"
>
{{ $t('signup') }}
</b-button>