Fixed the ui of misplacement of showpassword icon

Vin205 · Oct 8, 2024 · 431d47f · 431d47f
1 parent 8ea7fa5
commit 431d47f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 31 deletions.
diff --git a/frontend/src/components/Login/Login.js b/frontend/src/components/Login/Login.js
@@ -57,15 +57,6 @@ function Login() {
                     onChange={(e) => setPassword(e.target.value)}
                     required
                   />
-                  <button
-                    type="button"
-                    onClick={() => setShowPassword(!showPassword)}
-                    style={{ backgroundColor: '#fff', position: 'relative', bottom: '30px', left: '550px', height: '1px' }}
-                  >
-                    <span style={{ color: "black", position: 'relative', bottom: '10px' }} className="material-symbols-outlined">
-                      {showPassword ? 'visibility_off' : 'visibility'}
-                    </span>
-                  </button>
                 </div>
                 <button type="submit" className="btn btn-primary w-100" disabled={loading}>
                   {loading ? 'Logging in...' : 'Login'}

diff --git a/frontend/src/components/Signup/Signup.js b/frontend/src/components/Signup/Signup.js
@@ -95,17 +95,7 @@ function Signup() {
                     onChange={(e) => setPassword(e.target.value)}
                     required
                   />
-                  <button onClick={handlePasswordVisibility} style={{
-                    backgroundColor: '#fff',
-                    position: 'relative',
-                    bottom: '30px',
-                    left: '550px',
-                    height: '1px'
-                  }}>
-                    <span style={{ color: "black", position: 'relative', bottom: '10px' }} className="material-symbols-outlined">
-                      {showPassword ? 'visibility_off' : 'visibility'}
-                    </span>
-                  </button>
+
                 </div>
                 <div className="mb-3">
                   <label htmlFor="confirmPassword" className="form-label">Confirm Password:</label>
@@ -118,17 +108,6 @@ function Signup() {
                     onChange={(e) => setConfirmPassword(e.target.value)}
                     required
                   />
-                  <button onClick={handleConfirmPasswordVisibility} style={{
-                    backgroundColor: '#fff',
-                    position: 'relative',
-                    bottom: '30px',
-                    left: '550px',
-                    height: '1px'
-                  }}>
-                    <span style={{ color: "black", position: 'relative', bottom: '10px' }} className="material-symbols-outlined">
-                      {showConfirmPassword ? 'visibility_off' : 'visibility'}
-                    </span>
-                  </button>
                 </div>
                 <button type="submit" className="btn btn-primary w-100" disabled={loading}>
                   {loading ? 'Signing up...' : 'Sign Up'}