fix. gnb 없는 케이스 추가

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

View File

@@ -126,7 +126,7 @@ let stopWatch: (() => void) | null = null
onMounted(() => { onMounted(() => {
if (!import.meta.client) return if (!import.meta.client) return
useEventListener('scroll', scrollStore.updateScrollValue) useEventListener('scroll', scrollStore.updateScrollValue)
stopWatch = watch( stopWatch = watch(
@@ -153,7 +153,7 @@ onBeforeUnmount(() => {
stopWatch() stopWatch()
stopWatch = null stopWatch = null
} }
// requestAnimationFrame 정리 // requestAnimationFrame 정리
if (rafId) { if (rafId) {
cancelAnimationFrame(rafId) cancelAnimationFrame(rafId)

View File

@@ -7,6 +7,9 @@
</template> </template>
<style scoped> <style scoped>
.empty-game + main .btn-home {
@apply mt-[var(--scroll-position,48px)] md:mt-[var(--scroll-position,64px)];
}
.btn-home { .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] @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)]; sm:top-5 md:top-6 md:right-8 md:mt-[calc(var(--scroll-position,64px)+64px)];

View File

@@ -172,6 +172,9 @@ onUnmounted(() => {
</template> </template>
<style scoped> <style scoped>
.empty-game + main .lnb-wrap {
@apply mt-[var(--scroll-position,48px)];
}
.lnb-wrap { .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; @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 { .main-promotion .lnb-wrap {
@apply mt-[calc(var(--scroll-position,48px)+64px+72px)]; @apply mt-[calc(var(--scroll-position,48px)+64px+72px)];
} }
.empty-game + .main-promotion .lnb-wrap {
@apply mt-[calc(var(--scroll-position,48px)+72px)];
}
</style> </style>

View File

@@ -85,6 +85,9 @@ onMounted(async () => {
</template> </template>
<style scoped> <style scoped>
.empty-game + main .event-navigation {
@apply mt-[var(--scroll-position,48px)];
}
.event-navigation { .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; @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;
} }

View File

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

View File

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

View File

@@ -9,7 +9,10 @@ import {
} from 'h3' } from 'h3'
import { ssrGetFinalLocale } from '../../utils/localeUtil' import { ssrGetFinalLocale } from '../../utils/localeUtil'
import type { GameDataResponse } from '../../types/api/gameData' import type { GameDataResponse } from '../../types/api/gameData'
import type { ResGetInspectionData, WebInspectionData } from '../../types/InspectionType' import type {
ResGetInspectionData,
WebInspectionData,
} from '../../types/InspectionType'
import { isStaticFile } from '#layers/utils/commonUtil' import { isStaticFile } from '#layers/utils/commonUtil'
import { getTrueClientIp } from '#layers/utils/apiUtil' import { getTrueClientIp } from '#layers/utils/apiUtil'
@@ -262,6 +265,8 @@ export default defineEventHandler(async event => {
query: queryParams, query: queryParams,
})) as GameDataResponse | null })) as GameDataResponse | null
console.log('🚀 ~ gameData response:', response)
// 언어패스 쿠키 굽기 - 장기방안에서는 굽지않음 // 언어패스 쿠키 굽기 - 장기방안에서는 굽지않음
if (initLangCodes?.includes(finalLocale)) { if (initLangCodes?.includes(finalLocale)) {
setFinalLocaleCookie(event, finalLocale, baseDomain) setFinalLocaleCookie(event, finalLocale, baseDomain)