nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 2 Projects Releases Wiki Activity

Agregado LoginDropdown a pantalla de login

Browse source
This commit is contained in:
Alejandro Tasistro 2025-06-14 12:11:05 -03:00
parent 517e5203c9
commit 80b5dc60ac
2 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/js/components/AppLogin.vue
View file

@ -2,10 +2,11 @@
import LoginInput from "./login/LoginInput.vue"; import LoginInput from "./login/LoginInput.vue";
import LoginLoginTitulos from "./login/LoginTitulos.vue"; import LoginLoginTitulos from "./login/LoginTitulos.vue";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import LoginDropdown from "./login/LoginDropdown.vue";
export default { export default {
name: 'LoginForm', name: 'LoginForm',
components: { LoginTitulos: LoginLoginTitulos, LoginInput }, components: { LoginDropdown, LoginTitulos: LoginLoginTitulos, LoginInput },
computed: { computed: {
...mapGetters("login", ["estilos"]) ...mapGetters("login", ["estilos"])
} }
@ -15,6 +16,7 @@ export default {
<template> <template>
<div id="login-form" :class="estilos.fondo"> <div id="login-form" :class="estilos.fondo">
<section class="section"> <section class="section">
<login-dropdown class="is-hidden-tablet"></login-dropdown>
<login-titulos></login-titulos> <login-titulos></login-titulos>
<login-input></login-input> <login-input></login-input>
</section> </section>

21
resources/js/components/login/LoginTitulos.vue
View file

@ -1,8 +1,10 @@
<script> <script>
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import LoginDropdown from "./LoginDropdown.vue";
export default { export default {
name: "LoginTitulos", name: "LoginTitulos",
components: { LoginDropdown },
computed: { computed: {
...mapGetters("login", ["textos", "estilos"]), ...mapGetters("login", ["textos", "estilos"]),
} }
@ -10,12 +12,19 @@ export default {
</script> </script>
<template> <template>
<div class="block"> <div class="columns">
<h1 class="title" :class="estilos.texto">{{ textos.titulo }}</h1> <div class="column">
<p class="subtitle" :class="estilos.texto"> <div class="block">
{{ `Bienvenidx a la ${textos.subtitlo} del ` }} <h1 class="title" :class="estilos.texto">{{ textos.titulo }}</h1>
<strong :class="estilos.texto">Mercado Popular de Subistencia</strong> <p class="subtitle" :class="estilos.texto">
</p> {{ `Bienvenidx a la ${textos.subtitlo} del ` }}
<strong :class="estilos.texto">Mercado Popular de Subistencia</strong>
</p>
</div>
</div>
<div class="column is-2 is-hidden-mobile">
<login-dropdown></login-dropdown>
</div>
</div> </div>
</template> </template>