Ocelot-Social/webapp/pages/password-reset.vue
sebastian2357 b1c19d0c94
fix(webapp): optimize registration layout (#8630)
* - fixed nowrap for button
- restyled bullets for slider
- relocated back links
- removed icons

* - removed icon from RegistrationSlideEmail too

* - added media query for padding

* - fixed missing constants

* - fixed padding in no-header layout

* - fixed sticky footer in registration flow

* - removed icons from inputs

* - set fixed height for back link

* - fixed invite code placeholder

* - added auto submit to invite and email code forms
- fixed layout password inputs
- added layout to checkboxes (create)
- removed unnecessary texts
- moved backLink for password-reset
- tidied up create layout

* fixed margin

* - fixed nonceLength

* lint fixes

* corrected path

---------

Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
2025-06-11 16:45:03 +00:00

55 lines
1.3 KiB
Vue

<template>
<ds-container width="small" class="password-reset">
<div class="back-link">
<nuxt-link to="/login">{{ $t('site.back-to-login') }}</nuxt-link>
</div>
<base-card>
<template #imageColumn>
<page-params-link :pageParams="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)">
<logo logoType="passwordReset" />
</page-params-link>
</template>
<nuxt-child />
<template #topMenu>
<locale-switch offset="5" />
</template>
</base-card>
</ds-container>
</template>
<script>
import links from '~/constants/links.js'
import metadata from '~/constants/metadata.js'
import loginConstants from '~/constants/loginBranded.js'
import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
import Logo from '~/components/Logo/Logo'
import PageParamsLink from '~/components/_new/features/PageParamsLink/PageParamsLink.vue'
export default {
components: {
LocaleSwitch,
Logo,
PageParamsLink,
},
layout: loginConstants.LAYOUT,
data() {
return {
metadata,
links,
}
},
asyncData({ store, redirect }) {
if (store.getters['auth/isLoggedIn']) {
redirect('/')
}
},
}
</script>
<style lang="scss">
.back-link {
height: 35px;
}
</style>