548580
style: inner ember — search seam bloom + TOTP band urgency glow (v1.4.48)
- time
- 2026-04-23 06:34 UTC · 6 months ago
- machine
- koh2
- parent
- ce399e
↓ peach-browser-548580.tar.gzatlas at this save
files changed5 files
manifest.firefox.json+1 −1manifest.json+1 −1package.json+1 −1src/popup/styles/popup.css+10 −0src/popup/views/Entry.tsx+1 −1manifest.firefox.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.4.47",4+ "version": "1.4.48",55 "description": "Zero-knowledge password manager",66 "browser_specific_settings": {77 "gecko": {manifest.json+1 −1
@@ -1,7 +1,7 @@11 {22 "manifest_version": 3,33 "name": "Peach",4- "version": "1.4.47",4+ "version": "1.4.48",55 "description": "Zero-knowledge password manager",66 "action": {77 "default_popup": "src/popup/index.html",package.json+1 −1
@@ -1,6 +1,6 @@11 {22 "name": "peach",3- "version": "1.4.47",3+ "version": "1.4.48",44 "description": "Zero-knowledge password manager",55 "type": "module",66 "scripts": {src/popup/styles/popup.css+10 −0
@@ -666,7 +666,12 @@666666 display: grid;667667 grid-template-columns: 1fr auto;668668 gap: 10px;669+ box-shadow: inset 0 0 28px rgba(217, 104, 48, 0);670+ transition: box-shadow 500ms ease;669671 }672+.peach-totp-band.is-urgent {673+ box-shadow: inset 0 0 28px rgba(217, 104, 48, 0.13);674+}670675 .peach-totp-main {671676 min-width: 0;672677 }@@ -712,6 +717,8 @@712717 border-top: 1px solid var(--peach-t3);713718 background: var(--peach-s1);714719 min-height: 54px; position: relative;720+ box-shadow: inset 0 6px 18px rgba(217, 104, 48, 0);721+ transition: box-shadow 700ms ease;715722 }716723 .peach-search-wrap::before {717724 content: "";@@ -727,6 +734,9 @@727734 }728735 .peach-shell[data-totp-active="true"] .peach-search-wrap::before {729736 opacity: 0.9;737+}738+.peach-shell[data-totp-active="true"] .peach-search-wrap {739+ box-shadow: inset 0 6px 18px rgba(217, 104, 48, 0.09);730740 }731741 732742 @keyframes peach-edge-ring-breath {src/popup/views/Entry.tsx+1 −1
@@ -665,7 +665,7 @@665665 {/* ── TOTP ─────────────────────────────────────────── */}666666 <Show when={totpState()}>667667 {(state) => (668- <section class="peach-totp-band">668+ <section class={`peach-totp-band${state().remaining <= 9 ? " is-urgent" : ""}`}>669669 <Show670670 when={editingField() === "totp"}671671 fallback={