선택한 이미지들을 드래그하고 폴더에 드롭하면 파일 이동 실행
This commit is contained in:
@@ -475,6 +475,52 @@ footer span { font-size: 11px; color: var(--muted); }
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
/* ── 폴더 드롭 타겟 하이라이트 ── */
|
||||
.tree-row.drop-target {
|
||||
background: rgba(124,106,247,.35) !important;
|
||||
color: #e0d5ff;
|
||||
outline: 2px solid var(--accent);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
/* ── 이동 모달 ── */
|
||||
.modal-overlay {
|
||||
position: fixed; inset: 0;
|
||||
background: rgba(0,0,0,.65); backdrop-filter: blur(4px);
|
||||
z-index: 500;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.modal-box {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 14px;
|
||||
padding: 28px 32px;
|
||||
min-width: 380px; max-width: 480px;
|
||||
display: flex; flex-direction: column; gap: 20px;
|
||||
box-shadow: 0 24px 60px rgba(0,0,0,.6);
|
||||
}
|
||||
.modal-msg {
|
||||
font-size: 14px; color: var(--text); line-height: 1.7;
|
||||
}
|
||||
.modal-fields {
|
||||
display: flex; flex-direction: column; gap: 10px;
|
||||
}
|
||||
.modal-fields label {
|
||||
display: flex; align-items: center; justify-content: space-between; gap: 10px;
|
||||
font-size: 13px; color: var(--muted);
|
||||
}
|
||||
.modal-fields input {
|
||||
background: var(--card); border: 1px solid var(--border);
|
||||
color: var(--text); font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 13px; padding: 5px 10px; border-radius: 6px; outline: none;
|
||||
transition: border-color .15s; width: 160px;
|
||||
}
|
||||
.modal-fields input[type="number"] { width: 70px; text-align: center; }
|
||||
.modal-fields input:focus { border-color: var(--accent); }
|
||||
.modal-actions {
|
||||
display: flex; justify-content: flex-end; gap: 10px;
|
||||
}
|
||||
|
||||
/* ── 토스트 ── */
|
||||
#toast {
|
||||
position: fixed; bottom: 40px; left: 50%;
|
||||
|
||||
Reference in New Issue
Block a user