diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue index e961d95..74d38b5 100644 --- a/layers/components/blocks/slide/Thumbnail.vue +++ b/layers/components/blocks/slide/Thumbnail.vue @@ -204,13 +204,10 @@ onBeforeUnmount(() => { .thumbnail-slide.is-active::after { @apply border-[var(--pagination-active)]; } -.thumbnail-slide:hover img, .thumbnail-slide:hover picture, -.thumbnail-slide.is-active img, .thumbnail-slide.is-active picture { @apply opacity-100; } -.thumbnail-slide img, .thumbnail-slide picture { @apply opacity-50 transition-opacity duration-200 ease-in-out; } @@ -234,11 +231,11 @@ onBeforeUnmount(() => { @apply aspect-[1/1] w-[8px] md:w-[80px] backdrop-blur-[15px] after:hidden md:after:block; } -.thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img, -.thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active img { +.thumbnail-carousel.thumbnail-default .thumbnail-slide:hover picture, +.thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active picture { @apply md:grayscale-0; } -.thumbnail-carousel.thumbnail-default .thumbnail-slide img { +.thumbnail-carousel.thumbnail-default .thumbnail-slide picture { @apply hidden md:block md:grayscale; } diff --git a/layers/stores/useLoadingStore.ts b/layers/stores/useLoadingStore.ts index 338b1f7..99dcae4 100644 --- a/layers/stores/useLoadingStore.ts +++ b/layers/stores/useLoadingStore.ts @@ -9,23 +9,15 @@ export const useLoadingStore = defineStore('loadingStore', () => { const localLoadings = ref>({}) const apiLoadingTimeoutId = ref | null>(null) - /** - * 로딩 상태 초기화 - */ - const initializeStore = () => { - - localLoadings.value = {} - hasApiCallStarted.value = false - isPAssApiLoading.value = false - } - /** * Full 로딩 */ const startFullLoading = () => { - initializeStore() + hasApiCallStarted.value = false + isPAssApiLoading.value = false fullLoading.value = true } + const startApiLoading = () => { hasApiCallStarted.value = true isPAssApiLoading.value = false @@ -76,7 +68,6 @@ export const useLoadingStore = defineStore('loadingStore', () => { startApiLoading, finishApiLoading, - initializeStore, startFullLoading, stopFullLoading, startLocalLoading,