From a6412477485f2f52c2956ba2618b24216ca1afd4 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Tue, 27 May 2025 23:32:27 -0300
Subject: [PATCH] =?UTF-8?q?Cambio=20din=C3=A1mico=20de=20tama=C3=B1o=20y?=
 =?UTF-8?q?=20alineaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/components/pedidos/CategoriasContainer.vue   | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/pedidos/CategoriasContainer.vue b/resources/js/components/pedidos/CategoriasContainer.vue
index 41adfd7..a996010 100644
--- a/resources/js/components/pedidos/CategoriasContainer.vue
+++ b/resources/js/components/pedidos/CategoriasContainer.vue
@@ -1,16 +1,15 @@
 <template>
     <div v-show="visible" class="column">
-        <div class="columns is-multiline is-mobile is-justify-content-center"
-             :class="{'align-last-left': categorias.length % 4 !== 0}">
+        <div class="columns is-multiline is-mobile"
+            :class="{ 'align-last-left': isLastRowIncomplete }">
             <div v-for="(categoria,i) in categorias" :key="i"
                  :class="{ 'is-3-desktop': !show_chismosa }"
                  class="column is-4-tablet is-6-mobile ">
-                <div @click.capture="seleccionar(categoria)" class="card" style="height:100%">
+                <div @click.capture="seleccionar(categoria)" class="card" style="height: 100%">
                     <div class="card-content">
                         <div class="media">
-                            <div class="media-content" style="overflow:hidden">
-                                <p class="title is-size-7-mobile has-text-centered is-size-6-tablet"
-                                   v-text="categoria"></p>
+                            <div class="media-content" style="overflow: hidden">
+                                <p class="title is-6" v-text="categoria"></p>
                             </div>
                         </div>
                     </div>
@@ -20,6 +19,7 @@
     </div>
 </template>
 
+
 <script>
 import { mapActions, mapMutations, mapState } from "vuex";
 export default {
@@ -50,6 +50,7 @@ export default {
                 }
 
                 const firstRowTop = columns[0].offsetTop;
+
                 let firstRowCount = 0;
                 columns.forEach(col => {
                     if (col.offsetTop === firstRowTop) firstRowCount++;