리펙토링 - 전체 프로젝트 코드 (Codex + Claude)

This commit is contained in:
2026-05-17 22:57:26 +09:00
parent 0f72f4a0f0
commit 388fe72295
3 changed files with 31 additions and 29 deletions
+17 -10
View File
@@ -70,6 +70,7 @@ header h1 {
font-family: 'JetBrains Mono', monospace;
font-size: 11px; color: var(--muted); opacity: .7;
max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
margin-left: auto;
}
/* ── 앱 레이아웃 ── */
@@ -105,12 +106,7 @@ aside {
.file-explorer {
flex: 1;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: var(--border) transparent;
}
.file-explorer::-webkit-scrollbar { width: 6px; height: 6px; }
.file-explorer::-webkit-scrollbar-track { background: transparent; }
.file-explorer::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
/* ── 메인 콘텐츠 ── */
main {
@@ -192,6 +188,7 @@ main {
#input-prefix { width: 160px; }
#input-digits { width: 50px; text-align: center; }
.format-sep { color: var(--muted); font-family: 'JetBrains Mono', monospace; font-size: 14px; }
.format-arrow { color: var(--muted); font-size: 12px; }
#preview-name {
font-family: 'JetBrains Mono', monospace; font-size: 13px;
color: var(--accent2); background: rgba(124,106,247,.1);
@@ -201,15 +198,24 @@ main {
#sel-count { font-size: 12px; color: var(--accent); font-weight: 700; display: none; }
#sel-count.visible { display: inline; }
/* ── 공통 스크롤바 ── */
.file-explorer,
#grid-container {
scrollbar-width: thin;
scrollbar-color: var(--border) transparent;
}
.file-explorer::-webkit-scrollbar,
#grid-container::-webkit-scrollbar { width: 6px; }
.file-explorer::-webkit-scrollbar-track,
#grid-container::-webkit-scrollbar-track { background: transparent; }
.file-explorer::-webkit-scrollbar-thumb,
#grid-container::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
/* ── 그리드 컨테이너 ── */
#grid-container {
flex: 1; overflow-y: auto; padding: 20px;
position: relative;
scrollbar-width: thin; scrollbar-color: var(--border) transparent;
}
#grid-container::-webkit-scrollbar { width: 6px; }
#grid-container::-webkit-scrollbar-track { background: transparent; }
#grid-container::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
/* ── 그리드: 고정 열 폭 (--thumb-size) ── */
#grid {
@@ -226,6 +232,7 @@ main {
}
#empty-state .icon { font-size: 64px; opacity: .3; }
#empty-state p { font-size: 15px; text-align: center; line-height: 1.6; }
.empty-state-hint { font-size: 12px; opacity: .6; }
/* ── 카드 ── */
.card {
@@ -527,7 +534,7 @@ footer span { font-size: 11px; color: var(--muted); }
outline-offset: -2px;
}
/* ── 이동 모달 ── */
/* ── 모달 공통 ── */
.modal-overlay {
position: fixed; inset: 0;
background: rgba(0,0,0,.65); backdrop-filter: blur(4px);