eliminar los border en los componentes

src/app/(auth)/old_login.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import Input from "@/components/input";
+import PasswordInput from "@/components/password";
+import { useState } from "react";
+import axios from "axios";
+import { useRouter } from "next/navigation";
+
+
+export default function Login() {
+  const [value, setValue] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const router = useRouter();
+
+  const handleLogin = async () => {
+    try {
+      const response = await axios.post('http://localhost:4000/login', {
+        email: value,
+        password: password,
+      });
+
+
+
+      const token = response.data.access_token;
+      localStorage.setItem('token', token);
+
+      // Redirige al usuario
+      window.location.href = '/carga';
+    } catch (err: any) {
+      const message =
+        err.response?.data?.message ||
+        err.message ||
+        'Error al iniciar sesión';
+      setError(message);
+    }
+  };
+
+  return (
+    <main style={{
+      minHeight: "100vh",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      background: "#063970"
+    }}>
+      <div style={{
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        background: "#f3f4f6",
+        padding: "2rem",
+        borderRadius: "8px",
+        boxShadow: "0 4px 6px rgba(253, 253, 253, 0.1)",
+        width: "100%",
+      }}>
+        <div style={{
+          background: "#f3f4f6",
+          padding: "2rem",
+          borderRadius: "8px",
+          boxShadow: "0 4px 6px rgba(253, 253, 253, 0.1)",
+          width: "100%",
+          maxWidth: "400px",
+        }}>
+          <h2 style={{ color: "#fbbf24", textAlign: "center", marginBottom: "0.25rem" }}>Inicio de sesión</h2>
+          <h1 style={{ color: "#1e3a8a", textAlign: "center", fontWeight: "bold", marginBottom: "2rem" }}>Sistema de --------</h1>
+
+          <Input
+            label="Correo"
+            placeholder="escribe tu correo"
+            value={value}
+            onChange={(e) => setValue(e.target.value)}
+          />
+
+          <PasswordInput
+            label="Contraseña"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
+
+          {error && (
+            <p style={{ color: "red", marginTop: "0.5rem", textAlign: "center" }}>{error}</p>
+          )}
+
+          <div style={{
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "center",
+            gap: "16px",
+          }}>
+            <button
+              type="button"
+              onClick={handleLogin}
+              style={{
+                width: "100%",
+                padding: "0.5rem",
+                marginTop: "1rem",
+                backgroundColor: "#2563eb",
+                color: "#fff",
+                fontWeight: "bold",
+                border: "none",
+                borderRadius: "4px",
+                cursor: "pointer"
+              }}
+            >
+              Iniciar Sesión
+            </button>
+            <button
+              type="button"
+              onClick={() => router.replace("/visualizacion")}
+              style={{
+                width: "100%",
+                padding: "0.5rem",
+                marginTop: "1rem",
+                backgroundColor: "#009939",
+                color: "#fff",
+                fontWeight: "bold",
+                border: "none",
+                borderRadius: "4px",
+                cursor: "pointer",
+              }}
+            >
+              Iniciar Sesión Sin Contraseña
+            </button>
+
+
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}

src/app/carga/page.tsx

@@ -70,8 +70,7 @@ export default function Dashboard() {
         className="flex gap-4 flex-wrap mb-6"
         style={{
           padding: "2rem",
-          borderRadius: "8px",
-          boxShadow: "0 4px 6px rgba(253, 253, 253, 0.1)",
+      
           width: "100%",
         }}
       >

src/app/visualizacion/page.tsx

@@ -56,8 +56,7 @@ export default function Consulta() {
         className="flex gap-4 flex-wrap mb-6"
         style={{
           padding: "2rem",
-          borderRadius: "8px",
-          boxShadow: "0 4px 6px rgba(253, 253, 253, 0.1)",
+   
           width: "100%",
           maxWidth: "900px",
         }}

tsconfig.json

@@ -22,6 +22,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/landing"],
   "exclude": ["node_modules"]
 }