minhnt/NSG_PORTAL_V2
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix Responsive

Browse Source
This commit is contained in:
nguyen van thai
2024-07-09 08:33:33 +07:00
parent 08ad924483
commit 28ce3d42a0
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page-section/layouts/none/Default.vue
+12 -2
View File
@@ -167,8 +167,8 @@ const CLASS_FOR_SECTION = computed(() => {
case enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]["NONE"]]["VERTICAL_LEFT_TWO"]:
_classForSection = {
section_layout: "section_layout twelve_col_layout",
0: "sm:col-span-8 col-span-12",
1: "sm:col-span-4 col-span-12",
0: "md:col-span-8 col-span-12",
1: "md:col-span-4 col-span-12",
};
break;
case enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]["NONE"]]["VERTICAL_RIGHT_TWO"]:
@@ -307,6 +307,7 @@ const mapActivesToItems = (index: number) => {
>
<RecusiveSection :type="position.type" :id="position.data" :section="props.section" />
</div>
<div v-if="LAYOUT_PARSE['div.background']?.includes('display:block;')" class="attributeBackground" :style="LAYOUT_PARSE['div.background']"></div>
</div>
</template>
@@ -320,6 +321,15 @@ const mapActivesToItems = (index: number) => {
display: grid;
position: relative;
.attributeBackground {
position: absolute;
height: 100%;
z-index: 0;
display: none;
left: -50vw;
width: 150vw;
}
.section_child {
z-index: 1;
}