feat: layout 이벤트 페이지(promotion) header 추가

This commit is contained in:
“hyeonggkim”
2025-11-13 19:49:28 +09:00
parent cfec6f5014
commit 5d7b1ddf1b
5 changed files with 23 additions and 1 deletions

View File

@@ -23,4 +23,7 @@ const { isPassedStoveGnb } = storeToRefs(scrollStore)
.btn-home.is-fixed {
@apply fixed;
}
.main-promotion .btn-home {
@apply mt-0;
}
</style>

View File

@@ -95,6 +95,9 @@ onMounted(async () => {
.event-navigation.is-fixed {
@apply fixed;
}
.main-promotion .event-navigation {
@apply mt-0;
}
.navigation-wrapper {
@apply relative h-full p-3 sm:p-5 sm:pr-3
md:p-8 md:pt-6 md:pr-4;

View File

@@ -115,6 +115,9 @@ onMounted(() => {
.main-content {
@apply relative pt-[48px] md:pt-[64px];
}
.main-promotion .main-content {
@apply pt-0;
}
.utile-wrap {
@apply fixed flex flex-col z-[100]
bottom-[12px] right-[12px] gap-2 md:bottom-[40px] md:right-[40px] md:gap-3;

View File

@@ -0,0 +1,13 @@
<script setup lang="ts"></script>
<template>
<header class="header">
<BlocksStoveGnbNew class="h-[48px]" />
</header>
</template>
<style scoped>
.header {
@apply bg-theme-foreground text-theme-foreground-reversal relative z-[200];
}
</style>

View File

@@ -1,7 +1,7 @@
<script setup lang="ts"></script>
<template>
<LayoutsHeader />
<LayoutsPromotionHeader />
<main class="main-promotion relative">
<BlocksButtonHome />
<LayoutsEventNavigation />