45 lines
No EOL
750 B
Vue
45 lines
No EOL
750 B
Vue
<template>
|
|
<div class="auth">
|
|
<nuxt-img
|
|
class="auth__image"
|
|
src="/images/loginImage.png"
|
|
alt="Sign In"
|
|
format="webp"
|
|
densities="x1"
|
|
/>
|
|
<div class="auth__inner">
|
|
<forms-login />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {usePageTitle} from "@composables/utils";
|
|
|
|
const {t} = useI18n();
|
|
|
|
const { setPageTitle } = usePageTitle();
|
|
|
|
setPageTitle(t('breadcrumbs.login'));
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.auth {
|
|
background-color: $white;
|
|
display: flex;
|
|
align-items: stretch;
|
|
|
|
&__image {
|
|
width: 50%;
|
|
display: block;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
&__inner {
|
|
width: 50%;
|
|
padding: 50px 100px;
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
}
|
|
</style> |