fix. 썸네일 모바일 미노출 수정
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -9,23 +9,15 @@ export const useLoadingStore = defineStore('loadingStore', () => {
|
||||
const localLoadings = ref<Record<string, { active: boolean }>>({})
|
||||
const apiLoadingTimeoutId = ref<ReturnType<typeof setTimeout> | 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,
|
||||
|
||||
Reference in New Issue
Block a user