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

added specific style of .btn-gradido in register, login, forgot password

Browse Source
This commit is contained in:
ogerly 2023-03-03 10:08:32 +01:00
parent 2ebe4cbf6e
commit f62765c7b0
3 changed files with 37 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/pages/ForgotPassword.vue
View File

@ -13,11 +13,13 @@
:label="$t('form.email')" :label="$t('form.email')"
:placeholder="$t('form.email')" :placeholder="$t('form.email')"
></input-email> ></input-email>
<div class="text-center"> <b-row>
<b-button type="submit" variant="gradido"> <b-col cols="12" lg="6">
<b-button type="submit" variant="gradido" block>
{{ $t('settings.password.send_now') }} {{ $t('settings.password.send_now') }}
</b-button> </b-button>
</div> </b-col>
</b-row>
</b-form> </b-form>
</validation-observer> </validation-observer>
</b-col> </b-col>
@ -88,3 +90,13 @@ export default {
}, },
} }
</script> </script>
<style scoped>
.btn-gradido {
padding-right: 0px;
padding-left: 0px;
}
.btn-gradido-disable {
padding-right: 0px;
padding-left: 0px;
}
</style>

10
frontend/src/pages/Login.vue
View File

@ -127,3 +127,13 @@ export default {
}, },
} }
</script> </script>
<style scoped>
.btn-gradido {
padding-right: 0px;
padding-left: 0px;
}
.btn-gradido-disable {
padding-right: 0px;
padding-left: 0px;
}
</style>

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

@ -81,12 +81,13 @@
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col cols="12" lg="5"> <b-col cols="12" lg="6">
<b-button <b-button
block block
type="submit" type="submit"
:disabled="disabled" :disabled="disabled"
:variant="disabled ? 'gradido-disable' : 'gradido'" :variant="disabled ? 'gradido-disable' : 'gradido'"
class="default-class"
> >
{{ $t('signup') }} {{ $t('signup') }}
</b-button> </b-button>
@ -174,3 +175,13 @@ export default {
}, },
} }
</script> </script>
<style scoped>
.btn-gradido {
padding-right: 0px;
padding-left: 0px;
}
.btn-gradido-disable {
padding-right: 0px;
padding-left: 0px;
}
</style>