From e31c375867a4169022cba4199456d6c43c64ed40 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Tue, 8 Oct 2024 20:28:58 -0300
Subject: [PATCH] Ajuste visual de notas

---
 .../components/Producto/ProductoCantidad.vue  | 51 ++++++++++---------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/Producto/ProductoCantidad.vue
index e141e12..8a4992b 100644
--- a/resources/js/components/Producto/ProductoCantidad.vue
+++ b/resources/js/components/Producto/ProductoCantidad.vue
@@ -1,31 +1,32 @@
 <template>
-    <div class="field has-addons contador">
-        <div class="control">
-            <button class="button is-small" @click.capture="decrementar();">
-                <i class="fa fa-solid fa-minus"></i>
+    <div>
+        <div class="field has-addons contador">
+            <div class="control">
+                <button class="button is-small" @click.capture="decrementar();">
+                    <i class="fa fa-solid fa-minus"></i>
+                </button>
+            </div>
+            <div class="control">
+                <input id="cantidad" v-model="cantidad" class="input is-small" type="number" style="text-align: center">
+            </div>
+            <div class="control" @click="incrementar();">
+                <button class="button is-small">
+                    <i class="fa fa-solid fa-plus"></i>
+                </button>
+            </div>
+            <button :disabled="!hayCambios()" class="button is-small is-success ml-1" @click="confirmar()">
+                <span class="icon">
+                    <i class="fas fa-check"></i>
+                </span>
+            </button>
+            <button :disabled="!puedeBorrar()" class="button is-small is-danger ml-1" @click="borrar()">
+                <span class="icon">
+                    <i class="fas fa-trash-alt"></i>
+                </span>
             </button>
         </div>
-        <div class="control">
-            <input id="cantidad" v-model="cantidad" class="input is-small" type="number" style="text-align: center">
-        </div>
-        <div class="control" @click="incrementar();">
-            <button class="button is-small">
-                <i class="fa fa-solid fa-plus"></i>
-            </button>
-        </div>
-        <button :disabled="!hayCambios()" class="button is-small is-success ml-1" @click="confirmar()">
-            <span class="icon">
-                <i class="fas fa-check"></i>
-            </span>
-        </button>
-        <button :disabled="!puedeBorrar()" class="button is-small is-danger ml-1" @click="borrar()">
-            <span class="icon">
-                <i class="fas fa-trash-alt"></i>
-            </span>
-        </button>
-        <div v-if="producto.requiere_notas" class="is-full-width">
-            <label class="label">Notas:</label>
-            <input v-model="notas" class="input" type="text" />
+        <div v-if="producto.requiere_notas" class="field has-addons is-full-width">
+            <input v-model="notas" class="input" type="text" placeholder="Talle o color" />
         </div>
 
     </div>