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
↓ peach-browser-35bcc7ef.tar.gzatlas at this save
files changed2 files
src/popup/styles/popup.css+1 −0src/popup/views/ChirpSync.tsx+10 −10src/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;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 );