kccleoc/seedpgp-web
0
0
Fork 0
mirror of https://github.com/kccleoc/seedpgp-web.git synced 2026-03-07 01:47:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Update Private Key Passphrase input styling for dark theme

Browse Source
This commit is contained in:
LC mac
2026-02-08 01:49:44 +08:00
parent d4d5807342
commit f5d50d9326
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.tsx
View File

@@ -527,7 +527,7 @@ function App() {
<input <input
type="password" type="password"
data-sensitive="Message Password" data-sensitive="Message Password"
className={`w-full pl-10 pr-4 py-2.5 bg-white border border-slate-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : '' className={`w-full pl-10 pr-4 py-2.5 bg-slate-700 border-2 border-slate-600 rounded-lg text-white text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : ''
}`} }`}
placeholder="Unlock private key..." placeholder="Unlock private key..."
value={privateKeyPassphrase} value={privateKeyPassphrase}
@@ -608,12 +608,12 @@ function App() {
)} )}
<div className="space-y-2"> <div className="space-y-2">
<label className="text-xs font-bold text-slate-700 uppercase tracking-wider">Message Password</label> <label className="text-xs font-bold text-white uppercase tracking-wider">MESSAGE PASSWORD</label>
<div className="relative"> <div className="relative">
<Lock className="absolute left-3 top-3 text-slate-400" size={16} /> <Lock className="absolute left-3 top-3 text-slate-400" size={16} />
<input <input
type="password" type="password"
className={`w-full pl-10 pr-4 py-2.5 bg-white border border-slate-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : '' className={`w-full pl-10 pr-4 py-2.5 bg-slate-700 border-2 border-slate-600 rounded-lg text-white text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-teal-500 transition-all ${isReadOnly ? 'blur-sm select-none' : ''
}`} }`}
placeholder={encryptionMode === 'krux' ? "Required for Krux encryption" : "Optional password..."} placeholder={encryptionMode === 'krux' ? "Required for Krux encryption" : "Optional password..."}
value={activeTab === 'backup' ? backupMessagePassword : restoreMessagePassword} value={activeTab === 'backup' ? backupMessagePassword : restoreMessagePassword}