Harsh200415 Claude Sonnet 4.6 commited on
Commit
dd61d52
·
1 Parent(s): fb84c92

Replace password toggle emoji with SVG eye icons

Browse files

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/components/AuthView.jsx CHANGED
@@ -198,8 +198,20 @@ export default function AuthView({ onAuth }) {
198
  <button type="button" onClick={togglePassword}
199
  style={{ position: "absolute", right: 10, top: "50%",
200
  transform: "translateY(-50%)", background: "none", border: "none",
201
- cursor: "pointer", padding: 4, color: "#4a4865", fontSize: 15, lineHeight: 1 }}>
202
- {showPassword ? "🙈" : "👁️"}
 
 
 
 
 
 
 
 
 
 
 
 
203
  </button>
204
  </div>
205
  </div>
 
198
  <button type="button" onClick={togglePassword}
199
  style={{ position: "absolute", right: 10, top: "50%",
200
  transform: "translateY(-50%)", background: "none", border: "none",
201
+ cursor: "pointer", padding: 4, color: "#4a4865", lineHeight: 1,
202
+ display: "flex", alignItems: "center" }}>
203
+ {showPassword ? (
204
+ <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
205
+ <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/>
206
+ <path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"/>
207
+ <line x1="1" y1="1" x2="23" y2="23"/>
208
+ </svg>
209
+ ) : (
210
+ <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
211
+ <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
212
+ <circle cx="12" cy="12" r="3"/>
213
+ </svg>
214
+ )}
215
  </button>
216
  </div>
217
  </div>