35bcc7ef584f

move pair-a-device button to bottom of chirp sync view

time
2026-05-18 20:24 UTC · 5 months ago
machine
koh2
parent
1f05c166db39
2 files src/popup/styles/popup.css+1 −0src/popup/views/ChirpSync.tsx+10 −10
src/popup/styles/popup.css+1 −0
@@ -9289,6 +9289,7 @@92899289 /* Status action -------------------------------------------------------- */92909290 .peach-chirp-action {92919291   margin: 2px 4px 10px;9292+  margin-top: auto;92929293 }92939294 .peach-chirp-action-waiting {92949295   display: flex;

view file

src/popup/views/ChirpSync.tsx+10 −10
@@ -272,16 +272,6 @@272272         </div>273273       </div>274274 275-      <div class="peach-chirp-action">276-        <button class="peach-chirp-pair-start" onClick={() => void handleStartPairing()}>277-          <svg width="16" height="16" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">278-            <path d="M3 9 L9 3 L15 9" />279-            <path d="M3 13 L9 7 L15 13" opacity="0.5" />280-          </svg>281-          <span>{devices().length === 0 ? "Pair a device" : "Pair another device"}</span>282-        </button>283-      </div>284-285275       <Show when={devices().length > 0}>286276         <section class="peach-chirp-paired-section">287277           <h2 class="peach-chirp-paired-heading">Paired devices</h2>@@ -331,6 +321,16 @@331321           </ul>332322         </section>333323       </Show>324+325+      <div class="peach-chirp-action">326+        <button class="peach-chirp-pair-start" onClick={() => void handleStartPairing()}>327+          <svg width="16" height="16" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">328+            <path d="M3 9 L9 3 L15 9" />329+            <path d="M3 13 L9 7 L15 13" opacity="0.5" />330+          </svg>331+          <span>{devices().length === 0 ? "Pair a device" : "Pair another device"}</span>332+        </button>333+      </div>334334 335335     </div>336336   );

view file