nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 1 Projects Releases Wiki Activity

Cambio dinámico de tamaño y alineación

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-27 23:32:27 -03:00
parent 82a518fa1d
commit a641247748
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
resources/js/components/pedidos/CategoriasContainer.vue
View file

@ -1,16 +1,15 @@
<template> <template>
<div v-show="visible" class="column"> <div v-show="visible" class="column">
<div class="columns is-multiline is-mobile is-justify-content-center" <div class="columns is-multiline is-mobile"
:class="{'align-last-left': categorias.length % 4 !== 0}"> :class="{ 'align-last-left': isLastRowIncomplete }">
<div v-for="(categoria,i) in categorias" :key="i" <div v-for="(categoria,i) in categorias" :key="i"
:class="{ 'is-3-desktop': !show_chismosa }" :class="{ 'is-3-desktop': !show_chismosa }"
class="column is-4-tablet is-6-mobile "> 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="card-content">
<div class="media"> <div class="media">
<div class="media-content" style="overflow:hidden"> <div class="media-content" style="overflow: hidden">
<p class="title is-size-7-mobile has-text-centered is-size-6-tablet" <p class="title is-6" v-text="categoria"></p>
v-text="categoria"></p>
</div> </div>
</div> </div>
</div> </div>
@ -20,6 +19,7 @@
</div> </div>
</template> </template>
<script> <script>
import { mapActions, mapMutations, mapState } from "vuex"; import { mapActions, mapMutations, mapState } from "vuex";
export default { export default {
@ -50,6 +50,7 @@ export default {
} }
const firstRowTop = columns[0].offsetTop; const firstRowTop = columns[0].offsetTop;
let firstRowCount = 0; let firstRowCount = 0;
columns.forEach(col => { columns.forEach(col => {
if (col.offsetTop === firstRowTop) firstRowCount++; if (col.offsetTop === firstRowTop) firstRowCount++;