fix. 푸터 수정
This commit is contained in:
@@ -4,17 +4,23 @@
|
|||||||
class="inner relative max-w-7xl mx-auto px-10 py-8 text-[12px] text-gray-400 md:px-4 md:py-7 md:text-[12px]"
|
class="inner relative max-w-7xl mx-auto px-10 py-8 text-[12px] text-gray-400 md:px-4 md:py-7 md:text-[12px]"
|
||||||
>
|
>
|
||||||
<div class="menu-area">
|
<div class="menu-area">
|
||||||
<ul class="flex items-center flex-wrap gap-1.5 md:gap-0">
|
<ul class="flex items-center flex-wrap md:gap-1.5">
|
||||||
<li
|
<li
|
||||||
v-for="(footerMenuItem, index) in footerLinks"
|
v-for="(footerMenuItem, index) in footerLinks"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="text-sm md:text-xs md:tracking-tight relative"
|
class="text-sm md:text-[11px] md:tracking-[-0.5px] relative flex items-center"
|
||||||
|
:class="{
|
||||||
|
'before:content-[\'\'] before:inline-block before:bg-gray-500 before:h-2 before:w-px before:mx-1.5 before:mt-1 before:align-top md:before:mt-1':
|
||||||
|
index > 0,
|
||||||
|
'md:before:hidden': index === 4,
|
||||||
|
}"
|
||||||
>
|
>
|
||||||
<NuxtLink
|
<NuxtLink
|
||||||
:to="footerMenuItem.link"
|
:to="footerMenuItem.link"
|
||||||
:target="footerMenuItem.target"
|
:target="footerMenuItem.target"
|
||||||
:class="[
|
:class="[
|
||||||
footerMenuItem.active === 'y' && 'text-orange-600',
|
footerMenuItem.active === 'y' && 'text-[#e04600]',
|
||||||
|
index === 2 && 'text-[#e04600]',
|
||||||
'hover:text-gray-600 transition-colors',
|
'hover:text-gray-600 transition-colors',
|
||||||
]"
|
]"
|
||||||
>
|
>
|
||||||
@@ -26,10 +32,11 @@
|
|||||||
|
|
||||||
<div class="flex mt-2.5 md:flex-col md:mt-1.5">
|
<div class="flex mt-2.5 md:flex-col md:mt-1.5">
|
||||||
<img
|
<img
|
||||||
:src="footerData.dev_ci_url"
|
:src="footerData.game_rating_image_url"
|
||||||
alt="게임등급"
|
alt="게임등급"
|
||||||
class="w-41 h-14 md:w-34 md:h-12 md:order-1"
|
class="w-10 h-14 md:w-10 md:h-12 md:order-1"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<dl
|
<dl
|
||||||
class="grid grid-cols-[110px_auto_110px_auto] w-full max-w-[490px] ml-5 border-t border-l border-gray-600 tracking-tight md:grid-cols-[66px_auto_84px_auto] md:max-w-[358px] md:m-0 md:mb-2.5"
|
class="grid grid-cols-[110px_auto_110px_auto] w-full max-w-[490px] ml-5 border-t border-l border-gray-600 tracking-tight md:grid-cols-[66px_auto_84px_auto] md:max-w-[358px] md:m-0 md:mb-2.5"
|
||||||
>
|
>
|
||||||
@@ -119,23 +126,23 @@
|
|||||||
: 'https://www.smilegate.com/en'
|
: 'https://www.smilegate.com/en'
|
||||||
"
|
"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
class="smilegate w-22 h-4.5 md:w-14 md:h-3"
|
class="smilegate"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
:src="footerData.dev_ci_url"
|
:src="footerData.dev_ci_url"
|
||||||
alt="스마일게이트 로고"
|
alt="스마일게이트 로고"
|
||||||
class="w-full h-full object-contain"
|
class="w-auto h-auto"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://www.nx3games.com"
|
href="https://www.nx3games.com"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
class="nx3 w-14 h-3.5 ml-2.5 md:w-9 md:h-2.5 md:ml-4"
|
class="nx3 ml-2.5 md:ml-4"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
:src="footerData.dev_ci_url"
|
:src="footerData.dev_ci_url2"
|
||||||
alt="NX3 로고"
|
alt="NX3 로고"
|
||||||
class="w-full h-full object-contain"
|
class="w-auto h-auto"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -143,6 +150,8 @@
|
|||||||
<div
|
<div
|
||||||
class="language-area absolute bottom-7 right-10 text-white md:bottom-5.5 md:right-4"
|
class="language-area absolute bottom-7 right-10 text-white md:bottom-5.5 md:right-4"
|
||||||
>
|
>
|
||||||
|
<MoleculesLanguageSwitcher />
|
||||||
|
|
||||||
<!-- <SelectLanguage /> -->
|
<!-- <SelectLanguage /> -->
|
||||||
<!-- <AtomsLanguageSwitcher /> -->
|
<!-- <AtomsLanguageSwitcher /> -->
|
||||||
</div>
|
</div>
|
||||||
@@ -207,7 +216,12 @@ const footerLinks = ref<FooterMenuType[]>([
|
|||||||
] as FooterMenuType[]);
|
] as FooterMenuType[]);
|
||||||
|
|
||||||
const footerData = ref({
|
const footerData = ref({
|
||||||
dev_ci_url: "https://cdn.testgame.com/ci/ko_logo.png",
|
dev_ci_url:
|
||||||
|
"https://static-pubcomm.gate8.com/local/template/l9/common/logo_smilegate.png",
|
||||||
|
dev_ci_url2:
|
||||||
|
"https://static-pubcomm.gate8.com/local/template/l9/common/logo_nx3.png",
|
||||||
|
game_rating_image_url:
|
||||||
|
"https://static-pubcomm.gate8.com/local/template/l9/common/grades_age/Type15.svg",
|
||||||
use_dev_ci_url: true,
|
use_dev_ci_url: true,
|
||||||
fund_display_yn: true,
|
fund_display_yn: true,
|
||||||
use_game_rating: true,
|
use_game_rating: true,
|
||||||
@@ -227,4 +241,17 @@ const footerData = ref({
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped>
|
||||||
|
/* 태국어 폰트 크기 조정 */
|
||||||
|
@media (max-width: 411px) {
|
||||||
|
:global(.lang-th) .menu-area li {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 321px) {
|
||||||
|
:global(.lang-th) .menu-area li {
|
||||||
|
font-size: 9px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -19,6 +19,12 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
const pageUrl = getPathAfterLanguage(to.path);
|
const pageUrl = getPathAfterLanguage(to.path);
|
||||||
|
|
||||||
|
// pageUrl이 빈값이거나 null이면 /brand로 리다이렉트
|
||||||
|
if (!pageUrl || pageUrl === "" || pageUrl === "/") {
|
||||||
|
return navigateTo("/brand", { replace: true });
|
||||||
|
}
|
||||||
|
|
||||||
const queryParams: Record<string, string> = {
|
const queryParams: Record<string, string> = {
|
||||||
game_alias: gameAlias,
|
game_alias: gameAlias,
|
||||||
lang_code: "ko",
|
lang_code: "ko",
|
||||||
|
|||||||
Reference in New Issue
Block a user