gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. section-container, FixMainTitle에 고정 넓이 추가

Browse Source
This commit is contained in:
clkim
2025-11-03 15:18:59 +09:00
parent ef8990ad1b
commit 9f964f0fb7
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layers/assets/css/components/_layout.css
View File

@@ -10,10 +10,10 @@
/* 고정형 */
.section-container.static {
@apply relative pt-[32px] pb-[80px] px-[20px] sm:px-[40px] md:pt-[64px] md:pb-[200px] bg-[#F0F0F0];
@apply overflow-hidden relative pt-[32px] pb-[80px] px-[20px] sm:px-[40px] md:pt-[64px] md:pb-[200px] bg-[#F0F0F0];
}
.section-static {
@apply mx-auto lg:max-w-[1300px];
@apply mx-auto max-w-[684px] md:max-w-[944px] lg:max-w-[1300px];
}
.section-static + .section-static {
@apply mt-[80px] md:mt-[100px];

2
layers/components/widgets/FixMainTitle.vue
View File

@@ -20,7 +20,7 @@ const imageSrc = computed(() => {
:style="{ backgroundImage: `url(${imageSrc})` }"
>
<h2
class="flex justify-center items-center w-full max-w-full md:justify-start md:max-w-[1300px]"
class="flex justify-center items-center w-full max-w-[684px] md:max-w-[944px] md:justify-start lg:max-w-[1300px]"
>
<span
class="flex justify-center items-center text-white text-[20px] font-bold tracking-[-0.6px] leading-[30px] md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"

4
layers/templates/FxDownload01/index.vue
View File

@@ -135,7 +135,7 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
:resources-data="backgroundData"
/>
<div class="section-container static">
<div class="section-container static overflow-hidden">
<section class="section-static">
<WidgetsFixSubTitle :title="tm('Download_Section_Platform_Title')" />
@@ -154,7 +154,7 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
padding: { left: 0, right: 0 },
},
}"
class="overflow-hidden min-w-[320px] w-[100vw] px-[20px] ml-[-20px] sm:px-[40px] sm:ml-[-40px] md:w-full md:px-0 md:ml-0"
class="min-w-[320px] w-[100vw] px-[20px] ml-[-20px] sm:px-[calc((100vw-100%-80px)/2)] sm:ml-[calc((100vw-100%-80px)/-2)] md:w-full md:px-0 md:ml-0"
>
<SplideSlide
v-for="platform in platformList"