работаем бля работаем
This commit is contained in:
44
new-client/src/shared/layouts/Auth.vue
Normal file
44
new-client/src/shared/layouts/Auth.vue
Normal file
@@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<div class="auth-layout">
|
||||
<div class="auth-layout__container">
|
||||
<AppLogo class="auth-layout__logo" />
|
||||
|
||||
<div class="auth-layout__content">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import AppLogo from '@shared/components/AppLogo.vue'
|
||||
|
||||
defineOptions({
|
||||
name: 'AuthLayout',
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.auth-layout {
|
||||
display: flex;
|
||||
|
||||
height: 100%;
|
||||
|
||||
&__container {
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
max-width: 380px;
|
||||
}
|
||||
|
||||
&__logo {
|
||||
text-align: center;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
padding: 24px;
|
||||
background-color: var(--bg);
|
||||
border-radius: 36px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user