paulcollett / vue-masonry-css

Vue.js Masonry layout component powered by CSS, dependancy free
https://paulcollett.github.io/vue-masonry-css/demo/
MIT License
474 stars 42 forks source link

how to set vertical gutter on masonry #34

Closed aminemshady2080 closed 2 years ago

aminemshady2080 commented 2 years ago

thanks for this amazing plugin just started using vue-masonry-css examples shows how to set gutter while rendering cards (masonry grid items) that appear horizontally but vertically seams to be stack one on another

`<masonry :gutter="{ default: '30px', 700: '15px', 500: '10px' }" :cols="{ default: 6, 1000: 6, 700: 4, 500: 2 }"

<v-card v-for="(item, index) in images" :key="index" color="white" class="py-1 px-1"

<v-img :src="item.image_url" style="cursor: pointer" @click="showModal(item, index)" </v-img `