Spaces:
Sleeping
Sleeping
Commit ·
dd61d52
1
Parent(s): fb84c92
Replace password toggle emoji with SVG eye icons
Browse filesCo-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",
|
| 202 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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>
|