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

refactor set and reset passwort component for new style

Browse Source
This commit is contained in:
ogerly 2022-05-25 08:51:03 +02:00
parent 78021a401f
commit 2cf4cc4a18
4 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Auth/MobileStart.vue
View File

@ -9,32 +9,32 @@
{{ $t('auth.left.newCurrency') }} {{ $t('auth.left.newCurrency') }}
</div> </div>
<img <img
src="img/template/Blaetter.png" src="/img/template/Blaetter.png"
class="sheet-img position-absolute d-block d-lg-none zindex1000" class="sheet-img position-absolute d-block d-lg-none zindex1000"
/> />
<b-img <b-img
id="img0" id="img0"
class="position-absolute zindex1000" class="position-absolute zindex1000"
src="img/template/logo-header.png" src="/img/template/logo-header.png"
alt="start background image" alt="start background image"
></b-img> ></b-img>
<b-img <b-img
fluid fluid
id="img1" id="img1"
class="position-absolute h-100 w-100 overflow-hidden zindex100" class="position-absolute h-100 w-100 overflow-hidden zindex100"
src="img/template/gold_03.png" src="/img/template/gold_03.png"
alt="start background image" alt="start background image"
></b-img> ></b-img>
<b-img <b-img
id="img2" id="img2"
class="position-absolute zindex100" class="position-absolute zindex100"
src="img/template/gradido_background_header.png" src="/img/template/gradido_background_header.png"
alt="start background image" alt="start background image"
></b-img> ></b-img>
<b-img <b-img
id="img3" id="img3"
class="position-relative zindex10" class="position-relative zindex10"
src="img/template/Foto_01.jpg" src="/img/template/Foto_01.jpg"
alt="start background image" alt="start background image"
></b-img> ></b-img>
<div class="mobil-start-box-text position-fixed w-100 text-center zindex1000"> <div class="mobil-start-box-text position-fixed w-100 text-center zindex1000">
@ -58,6 +58,9 @@
<script> <script>
export default { export default {
name: 'AuthMobileStart', name: 'AuthMobileStart',
props: {
mobileStart: { type: Boolean, default: false },
},
} }
</script> </script>

6
frontend/src/components/Auth/Navbar.vue
View File

@ -10,7 +10,7 @@
/> />
<b-img <b-img
class="imgLogoBack mt--3 ml--3" class="imgLogoBack mt--3 ml--3"
src="img/template/gradido_background_header.png" src="/img/template/gradido_background_header.png"
width="230" width="230"
alt="start background image" alt="start background image"
></b-img> ></b-img>
@ -37,8 +37,8 @@ export default {
name: 'AuthNavbar', name: 'AuthNavbar',
data() { data() {
return { return {
logo: 'img/brand/green.png', logo: '/img/brand/green.png',
sheet: 'img/template/Blaetter.png', sheet: '/img/template/Blaetter.png',
} }
}, },
} }

8
frontend/src/layouts/AuthLayout.vue
View File

@ -34,7 +34,7 @@
<div class="mb-0">{{ $t('1000thanks') }}</div> <div class="mb-0">{{ $t('1000thanks') }}</div>
</b-col> </b-col>
<b-col cols="3" class="text-right d-none d-sm-none d-md-inline"> <b-col cols="3" class="text-right d-none d-sm-none d-md-inline">
<b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar> <b-avatar src="/img/brand/gradido_coin●.png" size="6rem"></b-avatar>
</b-col> </b-col>
</b-row> </b-row>
<b-card no-body ref="pageFontSize" class="border-0 mt-4 gradido-custom-background"> <b-card no-body ref="pageFontSize" class="border-0 mt-4 gradido-custom-background">
@ -44,7 +44,7 @@
</b-col> </b-col>
<b-col cols="2" class="text-right"> <b-col cols="2" class="text-right">
<div id="popover-target-1" class="pointer"> <div id="popover-target-1" class="pointer">
<b-img src="img/svg/type.svg" width="19" class="svgType"></b-img> <b-img src="/img/svg/type.svg" width="19" class="svgType"></b-img>
</div> </div>
<b-popover <b-popover
target="popover-target-1" target="popover-target-1"
@ -64,7 +64,7 @@
</b-row> </b-row>
<b-row class="d-inline d-sm-inline d-md-none d-lg-none mb-3"> <b-row class="d-inline d-sm-inline d-md-none d-lg-none mb-3">
<b-col class="text-center"> <b-col class="text-center">
<b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar> <b-avatar src="/img/brand/gradido_coin●.png" size="6rem"></b-avatar>
<b-row> <b-row>
<b-col class="zindex1000 d-flex justify-content-center"> <b-col class="zindex1000 d-flex justify-content-center">
<navbar-small /> <navbar-small />
@ -73,7 +73,7 @@
</b-col> </b-col>
</b-row> </b-row>
<b-card-body class=""> <b-card-body class="">
<router-view></router-view> <router-view @is-mobile-start="setMobileStart"></router-view>
</b-card-body> </b-card-body>
</b-card> </b-card>
</div> </div>

7
frontend/src/pages/ResetPassword.vue
View File

@ -12,12 +12,6 @@
</div> </div>
</b-form> </b-form>
</validation-observer> </validation-observer>
<b-row v-if="displaySetup.linkTo">
<b-col class="text-center py-lg-4">
<router-link :to="displaySetup.linkTo" class="mt-3">{{ $t('back') }}</router-link>
</b-col>
</b-row>
</div> </div>
</template> </template>
@ -116,6 +110,7 @@ export default {
}, },
}, },
created() { created() {
this.$emit('is-mobile-start', false)
this.setDisplaySetup() this.setDisplaySetup()
}, },
} }