diff --git a/app/error.vue b/app/error.vue
index 2da691b..627dd21 100644
--- a/app/error.vue
+++ b/app/error.vue
@@ -3,39 +3,47 @@
-
+
-
-
-

-
-
-
-
-
-
-

+
+
-
-
-
+
+
+
+
+

+
-
-
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index d2328e5..b1e9e7e 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -10,6 +10,11 @@ import type {
const MORE_WIDTH = 72
const START_WIDTH_MARGIN = 40
+const PLATFORM_LABEL_KEY: Record = {
+ pc: 'PC',
+ google_play: 'Google Play',
+ app_store: 'App Store',
+}
const route = useRoute()
const { tm } = useI18n()
@@ -26,12 +31,12 @@ const { isPassedStoveGnb } = storeToRefs(scrollStore)
const navAreaRef = ref(null)
const startRef = ref(null)
+const { width: startWidth } = useElementSize(startRef)
+
const isMenuOpen = ref(false)
const navWidth = ref(0)
const officialItemWidths = ref([])
const overflowNam = ref(0)
-// const { width: navWidth } = useElementSize(navAreaRef)
-const { width: startWidth } = useElementSize(startRef)
const gnbData = computed(() => gameData.value?.gnb)
const gnb1depthButtonData = computed(
@@ -50,7 +55,7 @@ const supportedPlatforms = computed(
const pathMatches = (base: string, current: string) => {
if (!base || base === '/') return current === '/'
- return current === base || current.startsWith(base + '/')
+ return current === base
}
/** 자식 중 활성 링크 존재 여부 */
@@ -151,12 +156,6 @@ const has2depthButton = (gnbItem: GameDataMenu) => {
const highlight = (text: string) => `${text}`
-const PLATFORM_LABEL_KEY: Record = {
- pc: 'PC',
- google_play: 'Google Play',
- app_store: 'App Store',
-}
-
const tmWithGameName = (key: string): string => {
const raw = tm(key)
if (typeof raw !== 'string') return ''
@@ -458,7 +457,7 @@ onMounted(() => {
.nav-area {
@apply flex flex-col w-[100vw] max-w-[360px] min-w-[320px] bg-theme-foreground-10 translate-x-[-100%]
- md:inline-flex md:flex-row md:w-auto md:max-w-none md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
+ md:inline-flex md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
}
.nav-logo {
@@ -467,7 +466,7 @@ onMounted(() => {
.nav-list {
@apply overflow-hidden flex flex-col order-1 h-full mt-2 mb-4 px-2
- md:flex-row md:order-none md:h-full md:my-0 md:ml-10 md:mr-6 md:px-0 md:overflow-visible;
+ md:flex-row md:order-none md:h-full md:my-0 md:ml-10 md:mr-6 md:px-0;
}
.nav-item {
@@ -513,7 +512,7 @@ onMounted(() => {
}
.official {
- @apply overflow-x-hidden overflow-y-auto pb-2 md:flex md:items-center md:space-x-8 md:pb-0 md:overflow-visible;
+ @apply overflow-x-hidden overflow-y-auto pb-2 md:flex md:items-center md:space-x-8 md:pb-0;
}
.custom-theme-scrollbar::-webkit-scrollbar {
@apply w-1;