Fix Responsive

This commit is contained in:
nguyen van thai
2024-07-09 09:23:17 +07:00
parent 28ce3d42a0
commit 2e49529934
2 changed files with 15 additions and 14 deletions
@@ -37,7 +37,7 @@ const mapActivesToItems = (index: number) => {
</script>
<template>
<div class="categories-container border-custom" :class="designObject['categories_Class']" :style="designObject['div.categories-container']">
<div class="categories-container border-custom flex-wrap" :class="designObject['categories_Class']" :style="designObject['div.categories-container']">
<div v-for="(component, index) in _dataResult" :key="index" :class="['border-custom', isEmpty(component) ? 'empty' : 'category', designObject['category_Class']]" :style="mapActivesToItems(index)['category']">
<template v-if="!isEmpty(component)">
<div class="category-content">
@@ -45,7 +45,7 @@ const mapActivesToItems = (index: number) => {
<path d="M5.984 2.456V4.184H4.336V5.992H2.4V4.184H0.752V2.456H2.4V0.648H4.336V2.456H5.984Z" fill="black" />
</svg>
<h3 :style="mapActivesToItems(index)['h3.categories']">
<h3 :style="mapActivesToItems(index)['h3.categories']" class="whitespace-nowrap">
{{ component.title }}
</h3>
</div>