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

fix. gnb 없는 케이스 추가

Browse Source
This commit is contained in:
clkim
2025-11-20 12:51:24 +09:00
parent e418245397
commit b3eb47af1d
7 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
layers/components/blocks/Button/Home.vue
View File

@@ -7,6 +7,9 @@
</template>
<style scoped>
.empty-game + main .btn-home {
@apply mt-[var(--scroll-position,48px)] md:mt-[var(--scroll-position,64px)];
}
.btn-home {
@apply fixed top-3 right-3 mt-[calc(var(--scroll-position,48px)+48px)] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] z-[100]
sm:top-5 md:top-6 md:right-8 md:mt-[calc(var(--scroll-position,64px)+64px)];

6
layers/components/blocks/Lnb.vue
View File

@@ -172,6 +172,9 @@ onUnmounted(() => {
</template>
<style scoped>
.empty-game + main .lnb-wrap {
@apply mt-[var(--scroll-position,48px)];
}
.lnb-wrap {
@apply fixed top-0 right-0 mt-[calc(var(--scroll-position,48px)+64px)] py-8 pr-10 bg-[radial-gradient(100%_50%_at_100%_50%,rgba(0,0,0,0.4)_25%,rgba(0,0,0,0)_100%)] transition-transform duration-[400ms] ease-in-out z-50;
}
@@ -235,4 +238,7 @@ button.is-active::after {
.main-promotion .lnb-wrap {
@apply mt-[calc(var(--scroll-position,48px)+64px+72px)];
}
.empty-game + .main-promotion .lnb-wrap {
@apply mt-[calc(var(--scroll-position,48px)+72px)];
}
</style>

3
layers/components/layouts/EventNavigation.vue
View File

@@ -85,6 +85,9 @@ onMounted(async () => {
</template>
<style scoped>
.empty-game + main .event-navigation {
@apply mt-[var(--scroll-position,48px)];
}
.event-navigation {
@apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[100] transition-transform duration-300 ease-in-out;
}

7
layers/components/layouts/Header.vue
View File

@@ -224,9 +224,12 @@ onMounted(() => {
</script>
<template>
<header v-if="gnbData" class="header">
<header :class="['header', { 'empty-game': !gnbData }]">
<BlocksStoveGnbNew class="h-[48px]" />
<div :class="['game-wrap', { 'is-fixed': isPassedStoveGnb }]">
<div
v-if="gnbData"
:class="['game-wrap', { 'is-fixed': isPassedStoveGnb }]"
>
<AtomsLocaleLink to="/" class="mx-auto md:hidden">
<img
:src="getImageHost(gnbData?.bi_path)"

3
layers/components/layouts/Main.vue
View File

@@ -112,6 +112,9 @@ onMounted(() => {
</template>
<style scoped>
.empty-game + main .main-content {
@apply pt-0;
}
.main-content {
@apply relative pt-[48px] md:pt-[64px];
}