diff --git a/Frontend/src/App.tsx b/Frontend/src/App.tsx
index c0830ea..3e2e8f0 100644
--- a/Frontend/src/App.tsx
+++ b/Frontend/src/App.tsx
@@ -1,5 +1,5 @@
import { useState, useEffect } from 'react';
-import { BrowserRouter as Router, Routes, Route, Link, Navigate, useNavigate, useLocation } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route, Link, Navigate, useNavigate, useLocation, useNavigationType } from 'react-router-dom';
import HomePage from './pages/HomePage';
import ExplorarPage from './pages/ExplorarPage';
import VehiculoDetailPage from './pages/VehiculoDetailPage';
@@ -333,6 +333,17 @@ function MainLayout() {
);
}
+function ScrollToTop() {
+ const { pathname } = useLocation();
+ const navType = useNavigationType();
+ useEffect(() => {
+ if (navType !== "POP") {
+ window.scrollTo({ top: 0, behavior: "instant" });
+ }
+ }, [pathname, navType]);
+ return null;
+}
+
function App() {
useEffect(() => {
const mpPublicKey = import.meta.env.VITE_MP_PUBLIC_KEY;
@@ -342,6 +353,7 @@ function App() {
return (
+
diff --git a/Frontend/src/components/LoginModal.tsx b/Frontend/src/components/LoginModal.tsx
index 017b22b..0661950 100644
--- a/Frontend/src/components/LoginModal.tsx
+++ b/Frontend/src/components/LoginModal.tsx
@@ -102,6 +102,7 @@ export default function LoginModal({ onSuccess, onClose, initialMode }: Props) {
// Estados de Login
const [username, setUsername] = useState("");
const [password, setPassword] = useState("");
+ const [showLoginPass, setShowLoginPass] = useState(false);
// Para controlar si mostramos la opción de reenviar email no verificado
const [showResend, setShowResend] = useState(false);
@@ -553,14 +554,23 @@ export default function LoginModal({ onSuccess, onClose, initialMode }: Props) {
- setPassword(e.target.value)}
- className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3.5 text-white outline-none focus:border-blue-500 transition-all placeholder:text-gray-600 focus:bg-white/10"
- placeholder="••••••••"
- />
+
+ setPassword(e.target.value)}
+ className="w-full bg-white/5 border border-white/10 rounded-xl pl-4 pr-12 py-3.5 text-white outline-none focus:border-blue-500 transition-all placeholder:text-gray-600 focus:bg-white/10"
+ placeholder="••••••••"
+ />
+
+