Update modules/ui/ui.py

modules/ui/ui.py

@@ -120,22 +120,58 @@ def main():
 
 
 def login_register_page(lang_code, t):
-    # st.title("AIdeaText")
-    # st.write(t.get("welcome_message", "Bienvenido. Por favor, inicie sesión o regístrese."))
-
-    left_column, right_column = st.columns([1, 3])
-
-    with left_column:
-        tab1, tab2 = st.tabs([t.get("login", "Iniciar Sesión"), t.get("register", "Registrarse")])
-
-        with tab1:
-            login_form(lang_code, t)
-
-        with tab2:
-            register_form(lang_code, t)
-
-    with right_column:
-        display_videos_and_info(lang_code, t)
+    # 1. Contenedor para el logo
+    with st.container():
+        # CSS personalizado para el logo
+        st.html("""
+            <style>
+                [alt=Logo] {
+                    height: 8rem;
+                    max-width: 100%;
+                    object-fit: contain;
+                    margin: 1rem auto;
+                    display: block;
+                }
+                
+                /* Contenedor del logo */
+                .logo-container {
+                    text-align: center;
+                    padding: 1rem 0;
+                    margin-bottom: 2rem;
+                }
+                
+                /* Ajustes para el contenedor de login */
+                .login-container {
+                    margin-top: 2rem;
+                }
+            </style>
+            <div class="logo-container">
+                <img src="./assets/img/logo_92x92.png" alt="Logo">
+            </div>
+        """, unsafe_allow_html=True)
+
+    # 2. Contenedor principal para login y contenido
+    with st.container():
+        # División en columnas para login/registro y videos
+        left_column, right_column = st.columns([1, 3])
+
+        # Columna izquierda: Login y Registro
+        with left_column:
+            # Tabs para login y registro
+            tab1, tab2 = st.tabs([
+                t.get("login", "Iniciar Sesión"), 
+                t.get("register", "Registrarse")
+            ])
+
+            with tab1:
+                login_form(lang_code, t)
+
+            with tab2:
+                register_form(lang_code, t)
+
+        # Columna derecha: Videos e información
+        with right_column:
+            display_videos_and_info(lang_code, t)
 
 def login_form(lang_code, t):
     with st.form("login_form"):