feat(components): creada plantilla para el registro y el inicio de sesión SignLayout.vue

parent d6be5333
Showing with 45 additions and 0 deletions
<script setup>
import Footer from '@/components/Footer.vue';
</script>
<template>
<div class="d-flex flex-column min-vh-100 bg-custom">
<div class="container flex-grow-1 d-flex align-items-center justify-content-center">
<div class="row w-100 justify-content-center">
<section class="col-md-5 text-center mb-4 mb-md-0 align-content-center">
<div class="logo">
<img src="/src/assets/logo.jpg" alt="Logo" />
</div>
<p class="mt-4">Tu colección personal de recetas siempre a un click.</p>
</section>
<section class="col-md-5 text-center ms-4">
<div class="form-signin w-100 h-100 form-style">
<div>
<slot></slot>
</div>
</div>
</section>
</div>
</div>
<Footer></Footer>
</div>
</template>
<style scoped>
.bg-custom {
background-color: #f4f6f5;
height: calc(100% - 40px);
}
/* .form-style {
max-width: 400px;
margin: auto;
} */
p {
font-family: sans-serif;
color: #000;
font-size: 26px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment