cc26af3047e7

improve sync screen legibility — pro note card surface, body text t2→t1, note text t3→t2

time
2026-05-09 18:37 UTC · 5 months ago
machine
koh2
parent
f341f450afb1
4 files package.json+1 −1src/popup/App.tsx+1 −1src/popup/styles/popup.css+6 −4src/popup/views/Settings.tsx+4 −2
package.json+1 −1
@@ -1,6 +1,6 @@11 {22   "name": "peach",3-  "version": "2.37.0",3+  "version": "2.37.1",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

view file

src/popup/App.tsx+1 −1
@@ -1367,7 +1367,7 @@13671367               <Portal>13681368                 <div13691369                   class="peach-vault-sheet"1370-                  classList={{ "is-open": view() === "list", "is-dragging": sheetTranslate() !== null }}1370+                  classList={{ "is-peeking": view() === "entry", "is-open": view() === "list", "is-dragging": sheetTranslate() !== null }}13711371                   style={(() => {13721372                     const live = sheetTranslate();13731373                     if (live === null) return undefined;

view file

src/popup/styles/popup.css+6 −4
@@ -7649,7 +7649,7 @@76497649 76507650 .peach-sync-intro-body {76517651   font-size: 14px;7652-  color: var(--peach-t2);7652+  color: var(--peach-t1);76537653   line-height: 1.6;76547654   margin: 0;76557655 }@@ -7657,13 +7657,15 @@76577657 .peach-sync-pro-note {76587658   display: flex;76597659   flex-direction: column;7660-  gap: 6px;7661-  margin-top: -8px;7660+  gap: 8px;7661+  background: var(--peach-t3);7662+  border-radius: 10px;7663+  padding: 12px 14px;76627664 }76637665 76647666 .peach-sync-pro-note-text {76657667   font-size: 12px;7666-  color: var(--peach-t3);7668+  color: var(--peach-t2);76677669   line-height: 1.5;76687670   margin: 0;76697671 }

view file

src/popup/views/Settings.tsx+4 −2
@@ -97,7 +97,9 @@9797 }9898 9999 export function SettingsView(props: SettingsProps) {100-  const version = chrome.runtime.getManifest().version;100+  const manifest = chrome.runtime.getManifest();101+  const version = manifest.version;102+  const isAndroid = (manifest as any).version_name === 'mobile';101103   const initial = props.initialSection;102104   const [activeSection, setActiveSection] = createSignal<SectionName | null>(103105     initial && isSectionName(initial) ? (initial as SectionName) : null@@ -634,7 +636,7 @@634636         <div class="peach-settings-footer">635637           <span>Peach {version}</span>636638           <span class="peach-divider"></span>637-          <span>Browser extension</span>639+          <span>{isAndroid ? 'Android app' : 'Browser extension'}</span>638640         </div>639641       </div>640642     );

view file