login y restablecer pages
This commit is contained in:
@@ -23,7 +23,7 @@
|
||||
/>
|
||||
<span>Saber más</span>
|
||||
</NuxtLink>
|
||||
<NuxtLink class="col-2 link fill-div" to="/registro/cooperativa">
|
||||
<NuxtLink class="col-2 link fill-div" to="/registro/productora">
|
||||
<img
|
||||
class="img-form"
|
||||
src="@/assets/img/latienda-formulario.svg"
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
<template>
|
||||
<div class="header">
|
||||
<h1 class="title">{{ title }}</h1>
|
||||
<img src="@/assets/img/latienda-lineapuntos-2.svg" alt="" class="" />
|
||||
<h2 class="title">{{ title }}</h2>
|
||||
<p v-html="subtitle" class="subtitle"></p>
|
||||
<div class="title-lines"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -9,6 +10,7 @@
|
||||
export default {
|
||||
props: {
|
||||
title: { type: String, default: '' },
|
||||
subtitle: { type: String, default: '' },
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -18,16 +20,27 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 40px;
|
||||
gap: 1rem;
|
||||
color: $color-primary;
|
||||
|
||||
.title {
|
||||
font-size: $xl;
|
||||
color: $color-navy;
|
||||
font-size: $h2;
|
||||
color: $color-primary;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 40px;
|
||||
.subtitle {
|
||||
font-size: $l;
|
||||
color: $color-primary;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title-lines {
|
||||
width: 34px;
|
||||
height: 2px;
|
||||
background: $color-consumo-base;
|
||||
margin: 0 8px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -82,7 +82,7 @@ input {
|
||||
|
||||
label {
|
||||
text-align: left;
|
||||
color: $color-navy;
|
||||
color: $color-primary;
|
||||
font-weight: $bold;
|
||||
font-size: $xs;
|
||||
display: block;
|
||||
|
||||
@@ -63,6 +63,7 @@
|
||||
src="@/assets/img/circle-user-round.svg"
|
||||
alt="latienda.coop"
|
||||
/>
|
||||
<p class="nav-access">Acceso entidades</p>
|
||||
</div>
|
||||
</NuxtLink>
|
||||
</div>
|
||||
@@ -221,4 +222,19 @@ nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-access {
|
||||
font-size: $s;
|
||||
margin: 0 0.1rem;
|
||||
font-weight: $medium;
|
||||
text-decoration: none;
|
||||
color: $color-primary;
|
||||
cursor: pointer;
|
||||
:hover {
|
||||
color: $color-consumo-base;
|
||||
}
|
||||
@include mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div class="navsearch_container container-fluid">
|
||||
<NuxtLink to="/editar/perfil">Mi perfil</NuxtLink>
|
||||
<NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/cooperativa"
|
||||
>Cooperativa</NuxtLink
|
||||
<NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/productora"
|
||||
>productora</NuxtLink
|
||||
>
|
||||
<!-- <NuxtLink to="/editar/cooperativa/crear">Crear cooperativa</NuxtLink> -->
|
||||
<!-- <NuxtLink to="/editar/productora/crear">Crear productora</NuxtLink> -->
|
||||
<NuxtLink :class="{ disabled: !coopIsValidated }" to="/editar/productos"
|
||||
>Productos</NuxtLink
|
||||
>
|
||||
|
||||
@@ -19,46 +19,32 @@
|
||||
<ul class="section-list">
|
||||
<NuxtLink to="/">
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<img
|
||||
class="section-img"
|
||||
src="@/assets/img/latienda-ubicacion.svg"
|
||||
alt=""
|
||||
/>
|
||||
|
||||
<span class="section-text">Inicio</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<NuxtLink to="/catalogo">
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<span class="section-text">Catálogo</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<NuxtLink to="/productoras">
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<img
|
||||
class="section-img"
|
||||
src="@/assets/img/latienda-tienda-nav.svg"
|
||||
alt=""
|
||||
/>
|
||||
<span class="section-text">Productoras</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<!-- TODO: cambiar link -->
|
||||
<NuxtLink to="/page/info">
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<img
|
||||
class="section-img"
|
||||
src="@/assets/img/latienda-bag.svg"
|
||||
alt=""
|
||||
/>
|
||||
<span class="section-text">Únete</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<NuxtLink to="https://www.kit-eco.social/es">
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<img
|
||||
class="section-img"
|
||||
src="@/assets/img/latienda-bag.svg"
|
||||
alt=""
|
||||
/>
|
||||
<span class="section-text">kit-eco.social</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<!-- <li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<a href="mailto:info@latienda.coop">
|
||||
<img
|
||||
class="section-img"
|
||||
@@ -67,7 +53,7 @@
|
||||
/>
|
||||
<span class="section-text">Contacto</span>
|
||||
</a>
|
||||
</li>
|
||||
</li> -->
|
||||
</ul>
|
||||
</nav>
|
||||
<ul class="login-list">
|
||||
@@ -75,10 +61,10 @@
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<img
|
||||
class="section-img"
|
||||
src="@/assets/img/latienda-lock.svg"
|
||||
src="@/assets/img/circle-user-round.svg"
|
||||
alt=""
|
||||
/>
|
||||
<span class="section-text">Acceder</span>
|
||||
<span class="section-text">Acceso entidades</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<NuxtLink v-if="isManager" to="/editar/perfil">
|
||||
@@ -91,7 +77,7 @@
|
||||
<span class="section-text">Perfil</span>
|
||||
</li>
|
||||
</NuxtLink>
|
||||
<NuxtLink v-if="isManager" to="/editar/cooperativa">
|
||||
<NuxtLink v-if="isManager" to="/editar/productora">
|
||||
<li class="section" @click="isMenuOpen = !isMenuOpen">
|
||||
<span class="section-text login">Cooperativa</span>
|
||||
</li>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="c-card">
|
||||
<div class="image-container">
|
||||
<img v-if="product.image" class="image" :src="product.image" alt="" />
|
||||
<img v-else class="image" :src="`@/assets/img/consumo-default.svg`" alt="" />
|
||||
<img v-else class="image" :src="`@/assets/img/consumo-default.png`" alt="" />
|
||||
</div>
|
||||
<div class="details-container">
|
||||
<p>{{ product.name }}</p>
|
||||
|
||||
@@ -22,12 +22,18 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.submit-btn {
|
||||
background-color: $color-orange;
|
||||
color: $color-light;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: $color-button;
|
||||
color: #fff;
|
||||
padding: 0.75rem 1.5rem;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.5rem;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s ease;
|
||||
text-transform: uppercase;
|
||||
padding: 15px 20px;
|
||||
margin-top: 15px;
|
||||
&:hover {
|
||||
background: white;
|
||||
color: $color-button;
|
||||
border: 1px solid $color-button;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user