jisangs/photo-renamer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

파일 기능 버튼의 디자인을 btn-warning으로 변경

Browse Source
This commit is contained in:
Jisang Park
2026-05-14 16:37:46 +09:00
parent fb5751f885
commit 722e2abb65
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/index.html
+2 -2
View File
@@ -13,7 +13,7 @@
</div> </div>
<div id="toolbar"> <div id="toolbar">
<button class="btn btn-primary" id="btn-open"><span>📁</span>폴더 열기 (O)</button> <button class="btn btn-warning" id="btn-open"><span>📁</span>폴더 열기 (O)</button>
<div class="separator"></div> <div class="separator"></div>
<div class="sort-group"> <div class="sort-group">
<button class="sort-btn" id="btn-sort-name">이름순</button> <button class="sort-btn" id="btn-sort-name">이름순</button>
@@ -23,7 +23,7 @@
<button class="btn btn-success" id="btn-rename" disabled><span>✅</span>이름 변경 실행 (S)</button> <button class="btn btn-success" id="btn-rename" disabled><span>✅</span>이름 변경 실행 (S)</button>
<div style="margin-left:auto; display:flex; align-items:center; gap:8px;"> <div style="margin-left:auto; display:flex; align-items:center; gap:8px;">
<span class="dir-path" id="dir-path">폴더를 선택하세요</span> <span class="dir-path" id="dir-path">폴더를 선택하세요</span>
<button class="btn btn-ghost" id="btn-reveal" disabled>Finder에서 열기</button> <button class="btn btn-warning" id="btn-reveal" disabled>Finder에서 열기</button>
</div> </div>
</div> </div>
src/renderer/style.css
+4
View File
@@ -8,6 +8,7 @@
--accent: #7c6af7; --accent: #7c6af7;
--accent2: #e96af7; --accent2: #e96af7;
--success: #6af7a0; --success: #6af7a0;
--warning: #f7c26a;
--text: #e8e8f0; --text: #e8e8f0;
--muted: #6b6b8a; --muted: #6b6b8a;
--drag-over: #3a2e70; --drag-over: #3a2e70;
@@ -102,6 +103,9 @@ body.fullscreen #titlebar {
.btn-success { background: #1a4a2e; color: var(--success); border: 1px solid #2a6a40; } .btn-success { background: #1a4a2e; color: var(--success); border: 1px solid #2a6a40; }
.btn-success:hover { background: #204a34; } .btn-success:hover { background: #204a34; }
.btn-success:disabled { opacity: .4; cursor: not-allowed; transform: none; } .btn-success:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.btn-warning { background: #3a2a10; color: var(--warning); border: 1px solid #5a4020; }
.btn-warning:hover { background: #4a3518; }
.btn-warning:disabled { opacity: .4; cursor: not-allowed; }
.separator { width: 1px; height: 24px; background: var(--border); margin: 0 4px; } .separator { width: 1px; height: 24px; background: var(--border); margin: 0 4px; }
/* ── 포맷 바 ── */ /* ── 포맷 바 ── */