리펙토링 - 수정 작업한 코드 최적화

This commit is contained in:
2026-05-22 10:33:45 +09:00
parent bb5fd0a0e9
commit cc88aecac2
3 changed files with 12 additions and 45 deletions
-34
View File
@@ -443,40 +443,6 @@ footer span { font-size: 11px; color: var(--muted); }
@keyframes spin { to { transform: rotate(360deg); } }
#loading p { color: var(--text); font-size: 14px; }
/* ── 카드 호버 원형 로딩바 ── */
.card-hover-loader {
position: absolute;
top: calc(var(--thumb-size) / 2);
left: 50%;
transform: translate(-50%, -50%);
width: 52px;
height: 52px;
pointer-events: none;
z-index: 10;
overflow: visible;
}
.card-hover-loader .loader-bg {
fill: rgba(0, 0, 0, 0.55);
}
.card-hover-loader .loader-track {
fill: none;
stroke: rgba(255, 255, 255, 0.15);
stroke-width: 3;
}
.card-hover-loader .loader-progress {
fill: none;
stroke: var(--accent);
stroke-width: 3;
stroke-linecap: round;
transform-origin: 24px 24px;
transform: rotate(-90deg);
animation: hover-loader-fill 1s linear forwards;
}
@keyframes hover-loader-fill {
from { stroke-dashoffset: 125.66; }
to { stroke-dashoffset: 0; }
}
/* ── 호버 이미지 팝업 ── */
.hover-preview {
position: fixed;