safavimohadeseh78andCursor
a5e458ed25
Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages. Co-authored-by: Cursor <cursoragent@cursor.com>
38 lines
1.4 KiB
Vue
38 lines
1.4 KiB
Vue
<template>
|
|
<div class="login-page flex items-center justify-center">
|
|
<template v-if="!isBoursecu">
|
|
<div class="fixed top-0 right-0 left-0 h-1/3 w-screen flex">
|
|
<img :src="img_topGradiant" alt="" class="absolute z-10 w-screen h-full object-cover" />
|
|
<img :src="img_pattern" alt="" class="absolute w-screen h-full object-none" />
|
|
</div>
|
|
<div class="fixed bottom-0 right-0 left-0 h-1/3 w-screen">
|
|
<img :src="img_bottomGradiant" alt="" class="absolute z-10 w-screen h-full object-cover" />
|
|
<img :src="img_pattern" alt="" class="absolute w-screen h-full object-none" />
|
|
</div>
|
|
</template>
|
|
<div class="z-1000 w-full p-5">
|
|
<Login v-if="!page.enterType" key="login" @register="page.setEnterType" />
|
|
<Register v-else key="register" @register="page.setEnterType" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import Login from '../components/Login.vue'
|
|
import Register from '../components/Register.vue'
|
|
import { useLoginPageContext } from '../composables/useLoginPage'
|
|
import { isBoursecuProject } from '@/utils/config'
|
|
import img_topGradiant from '../assets/img/gr_top_white.svg'
|
|
import img_bottomGradiant from '../assets/img/gr_bottom_white.svg'
|
|
import img_pattern from '../assets/img/pattern.svg'
|
|
|
|
const page = useLoginPageContext()
|
|
const isBoursecu = isBoursecuProject()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.login-page {
|
|
min-height: calc(100vh - var(--app-credit-footer-offset, 28px));
|
|
}
|
|
</style>
|