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 layout AuthTemplate for new Designe

Browse Source
This commit is contained in:
ogerly 2022-03-28 12:09:57 +02:00
parent 17e91cb175
commit 524cf2c066
1 changed files with 59 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/src/layouts/AuthTemplate.vue Normal file
View File

@ -0,0 +1,59 @@
<template>
<div class="auth-template container-fluid h-100 w-100">
<auth-header />
<b-row class="auth-template-box">
<b-col lg="6" md="none" sm="none">
<div class="bg-img-box d-none d-lg-block">
<b-img-lazy class="bg-img" src="/img/template/Foto_01.jpg"></b-img-lazy>
</div>
<div>
<h1 class="text-danger">{{ $t('site.login.heading') }}</h1>
<div>{{ $t('site.login.community') }}</div>
</div>
</b-col>
<b-col lg="6" md="12" sm="12">
<auth-login />
<auth-register />
</b-col>
</b-row>
<!-- <auth-layout-gdd />-->
</div>
</template>
<script>
import AuthHeader from '@/components/Auth/Header.vue'
import AuthLogin from '@/components/Auth/Login.vue'
import AuthRegister from '@/components/Auth/Register.vue'
// import AuthLayoutGdd from '@/layouts/AuthLayout_gdd.vue'
export default {
name: 'AuthTemplate',
components: {
AuthHeader,
AuthLogin,
AuthRegister,
// AuthLayoutGdd,
},
}
</script>
<style lang="scss">
.auth-header {
z-index: 1000;
}
.bg-img-box {
margin-top: -178px;
margin-left: -80px;
position: absolute;
top: 0px;
bottom: 0px;
min-width: 600px;
max-width: 800px;
}
.bg-img {
width: 100%;
border-radius: 0% 50% 70% 0% / 50% 70% 70% 50%;
overflow: hidden;
}
</style>