fix. gnb 없는 케이스 추가
This commit is contained in:
@@ -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)
|
||||||
|
|||||||
@@ -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)];
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)"
|
||||||
|
|||||||
@@ -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];
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user