gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. [디자인 QA] 로딩 이미지의 시인성 개선을 위해 dark <-> white 모드간 교체

Browse Source
This commit is contained in:
clkim
2025-11-26 14:53:24 +09:00
parent 24ff4ca629
commit ecb1202b3c
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layers/components/atoms/loading/Full.vue
View File

@@ -18,7 +18,7 @@ const { fullLoading } = storeToRefs(loadingStore)
@apply fixed inset-0 bg-black pt-[96px] flex items-center justify-center sm:pt-[112px] z-[150]; @apply fixed inset-0 bg-black pt-[96px] flex items-center justify-center sm:pt-[112px] z-[150];
} }
.spinner { .spinner {
@apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_black.png')]; @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_white.png')];
} }
[data-theme='light'] { [data-theme='light'] {
@@ -26,7 +26,7 @@ const { fullLoading } = storeToRefs(loadingStore)
@apply bg-white/90; @apply bg-white/90;
} }
.spinner { .spinner {
@apply bg-[url('/images/common/publisning_template_loader_white.png')]; @apply bg-[url('/images/common/publisning_template_loader_black.png')];
} }
} }
</style> </style>

4
layers/components/atoms/loading/Local.vue
View File

@@ -28,12 +28,12 @@ const canTeleport = (localId: string) => {
@apply absolute inset-0 flex items-center justify-center z-[5]; @apply absolute inset-0 flex items-center justify-center z-[5];
} }
.spinner { .spinner {
@apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_black.png')]; @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_white.png')];
} }
[data-theme='light'] { [data-theme='light'] {
.spinner { .spinner {
@apply bg-[url('/images/common/publisning_template_loader_white.png')]; @apply bg-[url('/images/common/publisning_template_loader_black.png')];
} }
} }
</style> </style>