From 82ad4dd9105c7e0779a1f818827c118da08d981e Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Mon, 9 Sep 2024 00:14:29 -0300
Subject: [PATCH 1/3] Arreglado ancho de columnas

---
 resources/js/components/ProductoCard.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index 1ff21b5..d22d649 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -46,10 +46,10 @@ export default {
 </script>
 
 <template>
-    <div class="block column min-width">
+    <div class="block column is-one-quarter-desktop is-full-mobile is-half-tablet min-width-from-desktop">
         <div class="box" style="height:100%">
             <div class="columns">
-                <div class="column is-three-quarters">
+                <div class="column">
                     <p class="title is-6">
                         {{ producto.nombre }}
                     </p>
@@ -102,9 +102,18 @@ export default {
 <style lang="scss" scoped>
 @use "bulma/sass/utilities/mixins";
 
-@include mixins.desktop {
-    .min-width {
+@include mixins.until(mixins.$desktop) {
+    .hidden-until-desktop {
+        display: none;
+    }
+}
+
+@include mixins.from(mixins.$desktop) {
+    .min-width-from-desktop {
         min-width: 25rem;
     }
+    .hidden-from-desktop {
+        display: none;
+    }
 }
 </style>

From ffd4570d44c2d870bb6af4e1895f1adb2419216c Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Mon, 9 Sep 2024 01:09:23 -0300
Subject: [PATCH 2/3] Cambio lugar de iconos y mensaje de chismosa

---
 resources/js/components/ProductoCard.vue | 29 ++++++++++++++++++------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index d22d649..453ecfe 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -54,10 +54,16 @@ export default {
                         {{ producto.nombre }}
                     </p>
                     <p class="subtitle is-7" v-text="producto.proveedor"></p>
+                    <span class="subtitle is-7 hidden-from-tablet" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</span>
                 </div>
                 <div class="column is-one-quarter has-text-right">
-                    <p class="has-text-weight-bold has-text-primary">$<span v-text="producto.precio"></span></p>
-                    <p class="subtitle is-7" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
+                    <p class="has-text-weight-bold has-text-primary">
+                        <span class="is-left-mobile">
+                            <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
+                            <img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
+                        </span>
+                        $<span v-text="producto.precio"></span>
+                    </p>
                 </div>
             </div>
             <footer class="columns">
@@ -88,11 +94,8 @@ export default {
                         </button>
                     </div>
                 </div>
-                <div class="column is-one-quarter has-text-right">
-                    <p>
-                        <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
-                        <img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
-                    </p>
+                <div class="column">
+                    <p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
                 </div>
             </footer>
         </div><!-- END BOX -->
@@ -116,4 +119,16 @@ export default {
         display: none;
     }
 }
+
+@include mixins.from(mixins.$tablet) {
+    .hidden-from-tablet {
+        display: none;
+    }
+}
+
+@include mixins.mobile() {
+    .is-left-mobile {
+        float: left;
+    }
+}
 </style>

From 079b21af040e44b98455eb33d7a687077ef1f6d0 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Mon, 9 Sep 2024 01:17:08 -0300
Subject: [PATCH 3/3] Cambio margenes

---
 resources/js/components/CategoriasContainer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/CategoriasContainer.vue b/resources/js/components/CategoriasContainer.vue
index 65a06de..ff21a86 100644
--- a/resources/js/components/CategoriasContainer.vue
+++ b/resources/js/components/CategoriasContainer.vue
@@ -1,5 +1,5 @@
 <template>
-	<div v-show="visible" class="container">
+    <div v-show="visible" class="block ml-3 mr-3">
       <div class="columns is-multiline is-mobile">
         <div v-for="(categoria,i) in categorias" :key="i" class="block column is-one-quarter-desktop is-one-third-tablet is-half-mobile">
           <div @click.capture="seleccionarCategoria(categoria)" class="card" style="height:100%" >
@@ -38,4 +38,4 @@
 		    }
 		  }
 	}
-</script>
\ No newline at end of file
+</script>