kit-eco.social/consumocuidado
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

editar productos

Browse Source
This commit is contained in:
María
2025-09-12 21:46:39 +02:00
parent 8a111a6c69
commit 25f3b60abe
3 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/ProductForm.vue
View File

@@ -13,13 +13,13 @@
</BFormCheckbox> </BFormCheckbox>
</div> </div>
<br /> <br />
<FormHeader title="General" /> <FormHeader
<p class="help-text"> title="General"
Estos son los datos básicos de un producto. Procura completar el mayor subtitle="Estos son los datos básicos de un producto. Procura completar el mayor
número de campos posible. Los campos señalados con asterisco (*) son número de campos posible. Los campos señalados con asterisco (*) son
obligatorios, los demás son opcionales. Si el producto o servicio no tiene obligatorios, los demás son opcionales. Si el producto o servicio no tiene
precio asignado, aparecerá "Consultar precio". precio asignado, aparecerá 'Consultar precio'."
</p> />
<fieldset class="fieldset"> <fieldset class="fieldset">
<div class="cont"> <div class="cont">
<FormInput <FormInput
@@ -109,12 +109,11 @@
</div> </div>
</fieldset> </fieldset>
<fieldset class="fieldset"> <fieldset class="fieldset">
<FormHeader title="Categorías" /> <FormHeader
<p class="help-text"> title="Categorías"
Estos datos ayudan a que tu producto sea encontrado por los clientes. subtitle="Estos datos ayudan a que tu producto sea encontrado por los clientes.
Procura completar el mayor número de campos posibles. Los campos Procura completar el mayor número de campos posibles. Los campos
señalados con asterisco (*) son obligatorios, los demás son opcionales. señalados con asterisco (*) son obligatorios, los demás son opcionales."/>
</p>
<div class="cont-col"> <div class="cont-col">
<label for="category">Categoría*</label> <label for="category">Categoría*</label>
@@ -312,10 +311,10 @@ export default {
} }
label, .label { label, .label {
text-align: left; color: $color-primary;
color: $color-navy; font-weight: $medium;
font-weight: $bold; font-size: $s;
font-size: $xs; display: block;
} }
.textarea { .textarea {
@@ -356,12 +355,11 @@ export default {
} }
.help-text { .help-text {
text-align: left; text-align: left;
font-size: $xs; font-size: $s;
text-align: justify; text-align: justify;
font-weight: $regular; font-weight: $regular;
color: $color-greylayout; color: $color-primary;
font-family: $font-secondary; font-family: $font-secondary;
background-color: $color-light;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 6px; margin-top: 6px;

7
pages/editar/productos/[id].vue
View File

@@ -131,10 +131,11 @@ export default {
align-items: center; align-items: center;
} }
.title { .title {
color: $color-navy;
font-size: $xxl;
margin-bottom: 60px;
width: 60%; width: 60%;
font-size: $h2;
color: $color-primary;
margin-bottom: 10px;
text-align: left;
} }
.help-text { .help-text {
border: 1px solid $color-greylayout; border: 1px solid $color-greylayout;

6
pages/editar/productos/crear.vue
View File

@@ -74,9 +74,9 @@ export default {
align-items: center; align-items: center;
} }
.title { .title {
color: $color-navy; font-size: $h2;
font-size: $xxl; color: $color-primary;
margin-bottom: 60px; margin-bottom: 10px;
text-align: left; text-align: left;
@include desktop { @include desktop {
width: 40%; width: 40%;