정렬 버튼을 그룹화

This commit is contained in:
2026-05-14 16:18:00 +09:00
parent be97b21bf1
commit 2321ea17b7
4 changed files with 38 additions and 6 deletions
+8 -4
View File
@@ -10,17 +10,21 @@
<div id="titlebar">
<h1>📷 Photo Renamer</h1>
<span class="dir-path" id="dir-path">폴더를 선택하세요</span>
</div>
<div id="toolbar">
<button class="btn btn-primary" id="btn-open">📁 폴더 열기</button>
<div class="separator"></div>
<button class="btn btn-ghost" id="btn-sort-name">이름순 정렬</button>
<button class="btn btn-ghost" id="btn-sort-date">날짜순 정렬</button>
<div class="sort-group">
<button class="sort-btn" id="btn-sort-name">이름순</button>
<button class="sort-btn" id="btn-sort-date">날짜순</button>
</div>
<div class="separator"></div>
<button class="btn btn-success" id="btn-rename" disabled>✅ 이름 변경 실행</button>
<button class="btn btn-ghost" id="btn-reveal" style="margin-left:auto;" disabled>Finder에서 열기</button>
<div style="margin-left:auto; display:flex; align-items:center; gap:8px;">
<span class="dir-path" id="dir-path">폴더를 선택하세요</span>
<button class="btn btn-ghost" id="btn-reveal" disabled>Finder에서 열기</button>
</div>
</div>
<div id="format-bar">