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

Fix

Browse Source
This commit is contained in:
nguyen van thai
2024-07-09 15:15:22 +07:00
parent 776a3cf2c7
commit 0dba7790b1
16 changed files with 484 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page/templates/components/footers/FooterHomeTemplate.vue
+19 -15
View File
@@ -6,8 +6,9 @@ import { enumPageComponentLayouts, enumPageComponentTemplate, enumPageComponentK
<template>
<footer id="footer" class="main-footer mt-20">
<div class="main-footer-container">
<div class="footer-centertab">
<div>
<div class="footer-centertab grid lg:grid-cols-6">
<div class="col-span-1 lg:block hidden"></div>
<div class="col-span-5">
<div class="footer-navigation-container md:block hidden">
<div>
<AssignComponent :type="enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['BOTTOM']}`]['NAVIGATION_BOTTOM_DEFAULT']" />
@@ -86,8 +87,9 @@ import { enumPageComponentLayouts, enumPageComponentTemplate, enumPageComponentK
</div>
</div>
<div class="footer-bottomtab">
<div>
<div>
<div class="lg:grid-cols-6 grid">
<div class="lg:block hidden"></div>
<div class="col-span-5">
<div class="flex justify-between items-end">
<div class="flex-1 flex md:justify-start justify-center">
<div>
@@ -125,16 +127,17 @@ import { enumPageComponentLayouts, enumPageComponentTemplate, enumPageComponentK
.main-footer {
.main-footer-container {
background: #2b2b2b;
padding: 54px 15px 20px 15px;
padding: 54px 0 32px 0;
}
.footer-centertab {
margin: 0 auto;
max-width: 1385px;
max-width: 1440px;
padding: 0 27.5px;
> div {
max-width: 1145px;
margin-left: auto;
padding: 0 33px;
// max-width: 1145px;
// margin-left: auto;
// padding: 0 33px;
}
.footer-navigation-container {
@@ -262,18 +265,19 @@ import { enumPageComponentLayouts, enumPageComponentTemplate, enumPageComponentK
.footer-bottomtab {
width: 100%;
padding: 5px 15px;
// padding: 5px 15px;
> div {
margin: 0 auto;
max-width: 1385px;
max-width: 1440px;
padding: 0 27.5px;
> div {
max-width: 1145px;
margin-left: auto;
padding: 0 33px;
// max-width: 1145px;
// margin-left: auto;
// padding: 0 33px;
}
}
padding: 0 33px;
// padding: 0 33px;
padding-bottom: 80px;
padding-top: 24px;
.footer-bottomtab-relations {
components/dynamic-page/page/templates/components/headers/HeaderHomeTemplate.vue
+12 -12
View File
@@ -52,15 +52,15 @@ const showMenuMobile = ref(false)
</div>
</div>
<div class="main-ads lg:block hidden">
<div class="main-ads-container">
<div class="main-ads-container py-20px border-y-1px border-#000">
<div class="main-ads-content">
<img src="~/assets/images/tienphong/main-ads.png" alt="" />
</div>
</div>
</div>
<div class="main-header-control lg:block hidden">
<div class="header-control-container !py-2">
<div>
<div class="header-control-container">
<div class="border-b-1px border-#000 py-2">
<div class="header-control_tag">
<label>Xu hướng</label>
</div>
@@ -155,9 +155,9 @@ const showMenuMobile = ref(false)
.main-header-centerbar {
padding: 20px 0px;
> div {
max-width: 1385px;
max-width: 1440px;
margin: 0 auto;
padding: 0px 20px;
padding: 0px 27.5px;
}
.main-header-control {
flex: 1;
@@ -173,11 +173,11 @@ const showMenuMobile = ref(false)
}
}
.main-ads {
max-width: 1385px;
max-width: 1440px;
margin: 0px auto;
padding: 20px 20px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 0px 27.5px;
// border-top: 1px solid #000000;
// border-bottom: 1px solid #000000;
.main-ads-content {
width: 100%;
@@ -194,10 +194,10 @@ const showMenuMobile = ref(false)
}
.main-header-control {
.header-control-container {
max-width: 1385px;
max-width: 1440px;
margin: 0px auto 10px auto;
padding: 10px 20px;
border-bottom: 1px solid #000000;
padding: 0 27.5px;
// border-bottom: 1px solid #000000;
> div {
display: flex;
align-items: center;