리펙토링 - 전체 프로젝트 코드 (Codex + Claude)
This commit is contained in:
+17
-10
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user