restructuring layout

2025-09-26 16:56:07 -06:00
parent dce377b586
commit 3bd6d6b7c2
64 changed files with 187 additions and 195 deletions
@@ -0,0 +1,68 @@
+"use client";
+import { useState } from "react";
+
+export default function RegisterAlta() {
+  const [major, setMajor] = useState("");
+  return (
+    <form className="containerAlta gap gridAlta">
+      <div className="containerForm">
+        <label className="label">No.Cuenta</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca un número de cuenta..."
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Nombre</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca el nombre"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Apellido Paterno</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca el apellido paterno"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Apellido Materno</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca el apellido materno"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Fecha Nacimiento</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca fecha empezando por año"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Carrera</label>
+        <select value={major} onChange={(e) => setMajor(e.target.value)}>
+          <option value="">Selecciona la carrera</option>
+        </select>
+      </div>
+
+      <button className="button buttonSearch">registrar</button>
+    </form>
+  );
+}