feat: layout 이벤트 페이지(promotion) header 추가
This commit is contained in:
@@ -23,4 +23,7 @@ const { isPassedStoveGnb } = storeToRefs(scrollStore)
|
||||
.btn-home.is-fixed {
|
||||
@apply fixed;
|
||||
}
|
||||
.main-promotion .btn-home {
|
||||
@apply mt-0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
13
layers/components/layouts/PromotionHeader.vue
Normal file
13
layers/components/layouts/PromotionHeader.vue
Normal 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>
|
||||
@@ -1,7 +1,7 @@
|
||||
<script setup lang="ts"></script>
|
||||
|
||||
<template>
|
||||
<LayoutsHeader />
|
||||
<LayoutsPromotionHeader />
|
||||
<main class="main-promotion relative">
|
||||
<BlocksButtonHome />
|
||||
<LayoutsEventNavigation />
|
||||
|
||||
Reference in New Issue
Block a user