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-12-04 11:12:02 +09:00
parent 664b012319
commit 71991d80b9
1 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -280,7 +280,6 @@ onMounted(() => {
class="nav-item" class="nav-item"
:class="{ :class="{
'is-hidden': 'is-hidden':
isMounted &&
overflowNam > 0 && overflowNam > 0 &&
Number(key) >= Number(key) >=
Object.keys(gnbData?.menus).length - overflowNam, Object.keys(gnbData?.menus).length - overflowNam,
@@ -332,7 +331,7 @@ onMounted(() => {
</Transition> </Transition>
</div> </div>
</div> </div>
<div v-if="isMounted && overflowNam > 0" class="more"> <div v-if="overflowNam > 0" class="more">
<button class="btn-more"> <button class="btn-more">
<AtomsIconsOptionHorizontalFill class="mx-auto" /> <AtomsIconsOptionHorizontalFill class="mx-auto" />
<span class="sr-only">more</span> <span class="sr-only">more</span>
@@ -379,23 +378,27 @@ onMounted(() => {
</div> </div>
</div> </div>
</template> </template>
<div v-if="gameData?.event_banner" class="event"> <ClientOnly>
<div class="nav-item"> <div v-if="gameData?.event_banner" class="event">
<AtomsLocaleLink <div class="nav-item">
:to="gameData?.event_banner?.page_url" <AtomsLocaleLink
:target=" :to="gameData?.event_banner?.page_url"
gameData?.event_banner?.link_type === 1 ? '_self' : '_blank' :target="
" gameData?.event_banner?.link_type === 1
class="nav-1depth text-gradient-pink" ? '_self'
@click="handleMenuClose" : '_blank'
> "
<AtomsIconsStarFill /> class="nav-1depth text-gradient-pink"
<span>{{ tm('Gnb_Event') }}</span> @click="handleMenuClose"
<AtomsIconsStarFill /> >
<AtomsIconsArrowRightLine class="ml-auto md:hidden" /> <AtomsIconsStarFill />
</AtomsLocaleLink> <span>{{ tm('Gnb_Event') }}</span>
<AtomsIconsStarFill />
<AtomsIconsArrowRightLine class="ml-auto md:hidden" />
</AtomsLocaleLink>
</div>
</div> </div>
</div> </ClientOnly>
</nav> </nav>
<ClientOnly> <ClientOnly>
<div ref="startRef" class="btn-start"> <div ref="startRef" class="btn-start">