파일 드래그시 보여지는 세로 seperator 개선

This commit is contained in:
2026-05-17 18:54:42 +09:00
parent 6870f84ef2
commit caf3d4fabc
2 changed files with 214 additions and 49 deletions
+11 -15
View File
@@ -251,20 +251,16 @@ main {
border-radius: 8px;
}
.card-placeholder {
border: 2px dashed var(--accent);
background: rgba(124, 106, 247, 0.08);
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
pointer-events: auto;
}
.card-placeholder-label {
color: var(--accent);
font-size: 13px;
font-weight: 600;
opacity: 0.8;
.drop-separator {
position: absolute;
z-index: 20;
display: none;
width: 3px;
min-height: 48px;
border-radius: 999px;
background: var(--accent);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0 16px rgba(124, 106, 247, 0.55);
pointer-events: none;
}
/* ── 썸네일: 정사각형 + object-fit: contain ── */
@@ -581,4 +577,4 @@ footer span { font-size: 11px; color: var(--muted); }
padding: 12px 24px; border-radius: 12px;
opacity: 0; transition: all .3s; pointer-events: none; z-index: 200;
}
#toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
#toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }