fix: 編集ボタンをsquare-penアイコンのみに変更

This commit is contained in:
posimai 2026-03-21 21:05:10 +09:00
parent 5b65455b26
commit 13e5f2d849
1 changed files with 9 additions and 5 deletions

View File

@ -182,13 +182,15 @@
} }
.search-input:focus { border-color: var(--accent); } .search-input:focus { border-color: var(--accent); }
.edit-toggle-btn { .edit-toggle-btn {
font-size: 12px; width: 30px;
padding: 5px 12px; height: 30px;
border-radius: 20px; border-radius: 50%;
border: 1px solid var(--border); border: 1px solid var(--border);
background: transparent; background: transparent;
color: var(--text2); color: var(--text2);
font-family: inherit; display: flex;
align-items: center;
justify-content: center;
cursor: pointer; cursor: pointer;
transition: all 0.12s; transition: all 0.12s;
flex-shrink: 0; flex-shrink: 0;
@ -769,7 +771,9 @@
<i data-lucide="plus" style="width:13px;height:13px;stroke-width:2.5"></i> <i data-lucide="plus" style="width:13px;height:13px;stroke-width:2.5"></i>
アプリを追加 アプリを追加
</button> </button>
<button class="edit-toggle-btn" id="editToggleBtn">編集</button> <button class="edit-toggle-btn" id="editToggleBtn" aria-label="編集">
<i data-lucide="square-pen" style="width:15px;height:15px;stroke-width:1.75"></i>
</button>
</div> </div>
</div> </div>
<div class="search-expand" id="searchExpand"> <div class="search-expand" id="searchExpand">