diff --git a/.env.dev b/.env.dev index 3b6c784..f43da0b 100644 --- a/.env.dev +++ b/.env.dev @@ -20,6 +20,10 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.gate8.com/libs/stove-js-service/latest/laun STOVE_CLIENT_DOWNLOAD_URL=https://sgs-gate8-dl.game.playstove.com/game/lcs/STOVESetup.exe STOVE_LOGIN_URL=https://accounts-dev.onstove.com/login + +# STOVE +STOVE_CS=https://cs.onstove.com/service + # Log Tracking ###################################################################### # 81plug STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/dev/svc_81plug.min.js \ No newline at end of file diff --git a/.env.live b/.env.live index fd89ee3..d8200e9 100644 --- a/.env.live +++ b/.env.live @@ -20,6 +20,9 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.onstove.com/libs/stove-js-service/latest/la STOVE_CLIENT_DOWNLOAD_URL=https://sgs-live-dl.game.playstove.com/game/lcs/STOVESetup.exe STOVE_LOGIN_URL=https://accounts.onstove.com/login +# STOVE +STOVE_CS=https://cs.onstove.com/service + # Log Tracking ###################################################################### # 81plug STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/live/svc_81plug.min.js \ No newline at end of file diff --git a/.env.qa b/.env.qa index 28b4caf..401fcc6 100644 --- a/.env.qa +++ b/.env.qa @@ -20,6 +20,9 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.gate8.com/libs/stove-js-service/latest/laun STOVE_CLIENT_DOWNLOAD_URL=https://sgs-gate8-dl.game.playstove.com/game/lcs/STOVESetup.exe STOVE_LOGIN_URL=https://accounts-qa.onstove.com/login +# STOVE +STOVE_CS=https://cs.onstove.com/service + # Log Tracking ###################################################################### # 81plug STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/qa/svc_81plug.min.js diff --git a/.env.sandbox b/.env.sandbox index 87e5ed7..5c03b91 100644 --- a/.env.sandbox +++ b/.env.sandbox @@ -20,6 +20,9 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.gate8.com/libs/stove-js-service/latest/laun STOVE_CLIENT_DOWNLOAD_URL=https://sgs-gate8-dl.game.playstove.com/game/lcs/STOVESetup.exe STOVE_LOGIN_URL=https://accounts.gate8.com/login +# STOVE +STOVE_CS=https://cs.onstove.com/service + # Log Tracking ###################################################################### # 81plug STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/sandbox/svc_81plug.min.js \ No newline at end of file diff --git a/app/app.vue b/app/app.vue index 5c3df04..3df3aa1 100644 --- a/app/app.vue +++ b/app/app.vue @@ -30,7 +30,7 @@ const getGameDataFromServer = (): GameDataValue | null => { const setupAllMetaData = (data: GameDataValue) => { const meta = data.meta_tag_json ?? ({} as GameDataMetaTag) const faviconPath = data.favicon_json ?? ({} as GameDataFavicon) - const theme = data.design_theme === 1 ? 'dark' : 'light' + const theme = data.design_theme === 1 ? 'light' : 'dark' // 파비콘 링크 생성 const faviconLinks = [ diff --git a/app/pages/inspection/index.vue b/app/pages/inspection/index.vue index 48aaa08..452d362 100644 --- a/app/pages/inspection/index.vue +++ b/app/pages/inspection/index.vue @@ -6,22 +6,34 @@
- +

{{ tm('Inspection_Now_Maintenance') }}

-
-

{{ tm('Inspection_Maintenance_Time') }}

+
+

+ {{ tm('Inspection_Maintenance_Time') }} +

-
+
@@ -34,7 +46,7 @@
- - + {{ tm('Inspection_Community_Btn') }} + + + + + 게임 시작 + + - {{ tm('Inspection_Community_Btn') }} - - - - - - 게임 시작 - - - - - + + +
-
+

{{ tm('Inspection_Txt_Download') || '게임 다운로드' }}

- - {{ getButtonText(btn.platform) }} + {{ getButtonText(btn.platform) }}
@@ -96,11 +122,10 @@
- \ No newline at end of file + diff --git a/layers/components/blocks/StoveGnb.vue b/layers/components/blocks/StoveGnb.vue index f55f29d..aee890f 100644 --- a/layers/components/blocks/StoveGnb.vue +++ b/layers/components/blocks/StoveGnb.vue @@ -5,11 +5,13 @@ let cpHeader: any = null const runtimeConfig = useRuntimeConfig() const { locale, availableLocales } = useI18n() -const { gameData } = useGameDataStore() +const gameDataStore = useGameDataStore() + +const { gameData } = storeToRefs(gameDataStore) const stoveInflowPath = runtimeConfig.public.stoveInflowPath const stoveGameNo = runtimeConfig.public.stoveGameNo -const stoveGnbData = gameData?.stove_gnb_json +const stoveGnbData = gameData.value?.stove_gnb_json const languageCodes = computed(() => { if (Array.isArray(availableLocales)) { diff --git a/layers/components/blocks/VisualContent.vue b/layers/components/blocks/VisualContent.vue index f78489b..1d2620c 100644 --- a/layers/components/blocks/VisualContent.vue +++ b/layers/components/blocks/VisualContent.vue @@ -14,9 +14,7 @@ const props = withDefaults(defineProps(), { }) const imagePaths = computed(() => getImagePaths(props.resourcesData)) -const displayText = computed( - () => props.resourcesData?.display?.text || 'image' -) +const displayText = computed(() => props.resourcesData?.display?.text) const colorName = computed(() => props.resourcesData?.display?.color_name) const colorCode = computed(() => props.resourcesData?.display?.color_code) diff --git a/layers/components/blocks/modal/Alert.vue b/layers/components/blocks/modal/Alert.vue index 9c7c616..568bd06 100644 --- a/layers/components/blocks/modal/Alert.vue +++ b/layers/components/blocks/modal/Alert.vue @@ -8,7 +8,7 @@ interface props { } const props = withDefaults(defineProps(), { - isShowDimmed: false, + isShowDimmed: true, isOutsideClose: false, }) @@ -18,9 +18,9 @@ const { tm } = useI18n() const isOpen = defineModel('isOpen', { default: false }) -const setButtonEvent = (event?: () => void | void) => { - if (typeof event === 'function') { - return event() +const setButtonEvent = (event?: () => void) => { + if (event) { + event() } isOpen.value = false } diff --git a/layers/components/blocks/modal/Confirm.vue b/layers/components/blocks/modal/Confirm.vue index 611b749..15aacd2 100644 --- a/layers/components/blocks/modal/Confirm.vue +++ b/layers/components/blocks/modal/Confirm.vue @@ -9,7 +9,7 @@ interface props { } const props = withDefaults(defineProps(), { - isShowDimmed: false, + isShowDimmed: true, isOutsideClose: false, }) diff --git a/layers/components/blocks/modal/Layer.vue b/layers/components/blocks/modal/Layer.vue index c4d1c34..4cfd0e8 100644 --- a/layers/components/blocks/modal/Layer.vue +++ b/layers/components/blocks/modal/Layer.vue @@ -8,13 +8,18 @@ interface props { } const props = withDefaults(defineProps(), { - isShowDimmed: false, + isShowDimmed: true, isOutsideClose: false, }) +const emit = defineEmits<{ + close: [] +}>() + const isOpen = defineModel('isOpen', { default: false }) const handleCloseModal = () => { + emit('close') isOpen.value = false } diff --git a/layers/components/blocks/modal/YouTube.vue b/layers/components/blocks/modal/YouTube.vue index 040cc5e..cb6a28a 100644 --- a/layers/components/blocks/modal/YouTube.vue +++ b/layers/components/blocks/modal/YouTube.vue @@ -51,7 +51,7 @@ onUnmounted(() => {
diff --git a/layers/components/blocks/slide/Default.vue b/layers/components/blocks/slide/Default.vue index c055963..5efc000 100644 --- a/layers/components/blocks/slide/Default.vue +++ b/layers/components/blocks/slide/Default.vue @@ -13,6 +13,7 @@ interface Props { arrows?: boolean pagination?: boolean paginationData?: PageDataResourceGroups + destroy?: boolean breakpoints?: ResponsiveOptions['breakpoints'] } @@ -23,6 +24,7 @@ const props = withDefaults(defineProps(), { drag: true, arrows: true, pagination: true, + destroy: false, }) const emit = defineEmits(['mounted', 'move', 'arrowClick']) @@ -47,9 +49,9 @@ const options = computed((): ResponsiveOptions => { updateOnMove: true, autoplay: props.autoplay, drag: props.drag, - trimSpace: false, arrows: props.arrows, pagination: props.pagination, + destroy: props.destroy, classes: { arrows: 'splide-arrows', arrow: 'splide-arrow', diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue index 1b80ebe..1be2bfb 100644 --- a/layers/components/blocks/slide/Thumbnail.vue +++ b/layers/components/blocks/slide/Thumbnail.vue @@ -62,6 +62,20 @@ const thumbOptions = computed(() => ({ prev: 'arrow-prev', next: 'arrow-next', }, + breakpoints: { + [BREAKPOINTS.md - 1]: { + padding: { + left: 40, + right: 40, + }, + }, + [BREAKPOINTS.sm - 1]: { + padding: { + left: 20, + right: 20, + }, + }, + }, })) const getThumbnailSrc = (item: PageDataTemplateComponentSet) => { @@ -158,12 +172,12 @@ onBeforeUnmount(() => { @apply md:w-[calc(100%-16px)]; } .thumbnail-slide { - @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] md:bg-transparent + @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:rounded-[4px]; } .thumbnail-slide:hover, .thumbnail-slide.is-active { - @apply bg-[var(--pagination-active)] md:bg-transparent; + @apply bg-[var(--pagination-active)]; } .thumbnail-slide::after { @apply border-[var(--pagination-disabled)]; @@ -194,10 +208,10 @@ onBeforeUnmount(() => { } .thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img, .thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active img { - @apply md:grayscale-0 md:opacity-100; + @apply md:grayscale-0; } .thumbnail-carousel.thumbnail-default .thumbnail-slide img { - @apply hidden md:block md:grayscale md:opacity-60; + @apply hidden md:block md:grayscale; } /* 미디어 버전 스타일 */ @@ -205,16 +219,15 @@ onBeforeUnmount(() => { @apply flex flex-col items-center; } .thumbnail-carousel.thumbnail-media .thumbnail-splide { - @apply w-screen mt-[20px] mx-[-20px] sm:mx-[-40px] md:w-auto md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[112px]; -} -.thumbnail-carousel.thumbnail-media .thumbnail-splide:deep(.splide__track) { - @apply !px-[20px] sm:!px-[40px] md:!px-[0]; + @apply max-w-[calc(100%+40px)] mt-[20px] mx-[-20px] + sm:max-w-[calc(100%+80px)] sm:mx-[-40px] + md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[64px]; } .thumbnail-carousel.thumbnail-media:deep(.arrow-prev) { - @apply left-[48px]; + @apply left-[0]; } .thumbnail-carousel.thumbnail-media:deep(.arrow-next) { - @apply right-[48px]; + @apply right-[0]; } .thumbnail-carousel.thumbnail-media .thumbnail-slide { @apply aspect-[16/9] w-[92px] md:w-[128px]; diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue index b0aa241..6231acb 100644 --- a/layers/components/layouts/Header.vue +++ b/layers/components/layouts/Header.vue @@ -333,7 +333,7 @@ onBeforeUnmount(() => { > {{ gnb1depthButtonData?.btn_info?.txt_btn_name }} -
+