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

Merge branch '1926-button-concept' into 1933-auth-footer-is-not-on-one-level

Browse Source
This commit is contained in:
ogerly 2022-05-25 12:02:47 +02:00
commit 68de978677
2 changed files with 37 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,31 +36,58 @@ a,
/* Button */
.btn {
border-radius: 25px;
padding-right: 50px;
padding-left: 50px;
}
.btn-gradido {
background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
border-style: none;
box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
display: inline-block;
padding: 0.6em 3em;
letter-spacing: 0.05em;
color: #fff;
transition: all 0.5s ease;
background: rgb(249 205 105);
background: linear-gradient(135deg, rgb(249 205 105 / 100%) 2%, rgb(197 141 56 / 100%) 55%);
box-shadow: rgb(0 0 0 / 40%) 0 30px 90px;
border-radius: 26px;
padding-right: 50px;
padding-left: 50px;
border-style: none;
}
.btn-gradido:hover {
color: #212529;
color: #fff;
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}
.btn-gradido:focus {
outline: none;
}
.btn-gradido-disable {
padding: 0.6em 3em;
letter-spacing: 0.05em;
color: #fff;
transition: all 0.5s ease;
background: rgb(97 97 97);
background: linear-gradient(135deg, rgb(180 180 180 / 100%) 46%, rgb(180 180 180 / 100%) 99%);
box-shadow: rgb(0 0 0 / 40%) 0 30px 90px;
border-radius: 26px;
padding-right: 50px;
padding-left: 50px;
border-style: none;
}
.btn-gradido-disable:hover {
color: #fff;
}
.btn-outline-gradido {
color: rgb(140 121 88);
border: 1px solid #f5b805;
box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
}
.btn-outline-gradido:hover {
box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 0%);
}
.form-control,

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>