alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat(ext/setup): Step 0 mode picker (new vs attach) + Step 1 back button

Browse Source 
Replace the placeholder Step 0 with two clickable mode-card buttons (create
new vault / attach this device). Picking a card highlights it and enables
the next button; the back button on Step 1 returns to Step 0 without losing
state. Add .mode-card CSS using the existing dark palette (#30363d, #58a6ff).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-04-27 18:20:24 -04:00
parent 7fa1f2990f
commit a182c1ac5a
2 changed files with 56 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
extension/src/popup/styles.css
View File

@@ -1244,3 +1244,15 @@ textarea {
width: 20px;
text-align: center;
}
/* --- Setup wizard mode picker (Step 0) --- */
.mode-cards { display: flex; flex-direction: column; gap: 12px; margin-bottom: 8px; }
.mode-card {
text-align: left; padding: 16px; border: 1px solid #30363d;
border-radius: 8px; background: transparent; cursor: pointer;
font: inherit; color: inherit; transition: border-color 0.15s, background 0.15s;
}
.mode-card:hover { border-color: #58a6ff; }
.mode-card.active { border-color: #58a6ff; background: rgba(88,166,255,0.08); }
.mode-card-title { font-weight: 600; margin-bottom: 4px; font-size: 14px; }
.mode-card-blurb { color: #8b949e; font-size: 12px; margin: 0; line-height: 1.5; }