pc responsive issues

app/main.py

@@ -52,22 +52,50 @@ def get_db_connection():
             database=os.getenv("MYSQL_DB", "makerpage")
         )
         return conn
-    except Exception as e:
-        print(f"Error MySQL: {e}")
+    except mysql.connector.Error as err:
+        print(f"ERROR CRÍTICO MYSQL: {err}")
         return None
 
+def init_db():
+    """Inicializa la base de datos y crea las tablas necesarias si no existen."""
+    conn = get_db_connection()
+    if conn:
+        try:
+            cursor = conn.cursor()
+            # Crear tabla de usuarios con soporte para hashing de contraseñas
+            cursor.execute("""
+                CREATE TABLE IF NOT EXISTS users (
+                    id INT AUTO_INCREMENT PRIMARY KEY,
+                    username VARCHAR(50) UNIQUE NOT NULL,
+                    password VARCHAR(255) NOT NULL
+                )
+            """)
+            conn.commit()
+            print("INFO: Base de datos verificada/inicializada correctamente.")
+        except mysql.connector.Error as err:
+            print(f"ERROR al inicializar tablas: {err}")
+        finally:
+            conn.close()
+    else:
+        print("ADVERTENCIA: No se pudo conectar a MySQL para inicializar. Verifica las credenciales.")
+
+# Llamar a la inicialización al arrancar
+init_db()
+
 @login_manager.user_loader
 def load_user(user_id):
-    """Recupera un usuario de la base de datos por su ID."""
+    """Recupera un usuario de la base de datos por su ID para Flask-Login."""
     conn = get_db_connection()
     if not conn: return None
-    cursor = conn.cursor(dictionary=True)
-    cursor.execute("SELECT id, username FROM users WHERE id = %s", (user_id,))
-    user_data = cursor.fetchone()
-    conn.close()
-    if user_data:
-        return User(str(user_data['id']), user_data['username'])
-    return None
+    try:
+        cursor = conn.cursor(dictionary=True)
+        cursor.execute("SELECT id, username FROM users WHERE id = %s", (user_id,))
+        user_data = cursor.fetchone()
+        return User(str(user_data['id']), user_data['username']) if user_data else None
+    except:
+        return None
+    finally:
+        conn.close()
 
 # --- GESTOR DE PRÉSTAMOS (Persistencia JSON) ---
 class LoanManager:

app/static/css/style.css

@@ -252,6 +252,7 @@ input:focus {
 
 .repo-item:hover {
     background: rgba(255, 255, 255, 0.05);
+    cursor: pointer;
 }
 
 /* ESTILOS PARA EL CONTENIDO RENDERIZADO (README) */
@@ -270,8 +271,40 @@ input:focus {
 }
 
 /* Adaptabilidad para móviles */
+/* MODALES */
+.receipt-modal {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 95%;
+    max-width: 450px;
+    max-height: 90vh;
+    overflow-y: auto;
+    z-index: 1001;
+    padding: 2.5rem;
+    border-radius: 24px;
+    display: none;
+}
+
+#modal-overlay {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    backdrop-filter: blur(4px);
+    z-index: 1000;
+}
+
 @media (max-width: 768px) {
     .item-row {
         grid-template-columns: 1fr;
     }
+
+    .receipt-modal {
+        padding: 1.5rem;
+    }
 }

app/templates/prestamos.html

@@ -104,10 +104,8 @@
 </div>
 
 <!-- Modal para el Recibo/Handover -->
-<div id="modal-overlay"
-    style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;"
-    onclick="closeModal()"></div>
-<div id="modal-content" class="receipt-modal glass" style="display:none;"></div>
+<div id="modal-overlay" onclick="closeModal()"></div>
+<div id="modal-content" class="receipt-modal glass"></div>
 
 <script>
     /* LÓGICA DINÁMICA DEL FORMULARIO */