feat: layout 이벤트 페이지(promotion) header 추가
This commit is contained in:
@@ -23,4 +23,7 @@ const { isPassedStoveGnb } = storeToRefs(scrollStore)
|
|||||||
.btn-home.is-fixed {
|
.btn-home.is-fixed {
|
||||||
@apply fixed;
|
@apply fixed;
|
||||||
}
|
}
|
||||||
|
.main-promotion .btn-home {
|
||||||
|
@apply mt-0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -95,6 +95,9 @@ onMounted(async () => {
|
|||||||
.event-navigation.is-fixed {
|
.event-navigation.is-fixed {
|
||||||
@apply fixed;
|
@apply fixed;
|
||||||
}
|
}
|
||||||
|
.main-promotion .event-navigation {
|
||||||
|
@apply mt-0;
|
||||||
|
}
|
||||||
.navigation-wrapper {
|
.navigation-wrapper {
|
||||||
@apply relative h-full p-3 sm:p-5 sm:pr-3
|
@apply relative h-full p-3 sm:p-5 sm:pr-3
|
||||||
md:p-8 md:pt-6 md:pr-4;
|
md:p-8 md:pt-6 md:pr-4;
|
||||||
|
|||||||
@@ -115,6 +115,9 @@ onMounted(() => {
|
|||||||
.main-content {
|
.main-content {
|
||||||
@apply relative pt-[48px] md:pt-[64px];
|
@apply relative pt-[48px] md:pt-[64px];
|
||||||
}
|
}
|
||||||
|
.main-promotion .main-content {
|
||||||
|
@apply pt-0;
|
||||||
|
}
|
||||||
.utile-wrap {
|
.utile-wrap {
|
||||||
@apply fixed flex flex-col z-[100]
|
@apply fixed flex flex-col z-[100]
|
||||||
bottom-[12px] right-[12px] gap-2 md:bottom-[40px] md:right-[40px] md:gap-3;
|
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>
|
<script setup lang="ts"></script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<LayoutsHeader />
|
<LayoutsPromotionHeader />
|
||||||
<main class="main-promotion relative">
|
<main class="main-promotion relative">
|
||||||
<BlocksButtonHome />
|
<BlocksButtonHome />
|
||||||
<LayoutsEventNavigation />
|
<LayoutsEventNavigation />
|
||||||
|
|||||||
Reference in New Issue
Block a user