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

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

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