Update modules/ui/ui.py

modules/ui/ui.py

@@ -81,35 +81,70 @@ def login_register_page(lang_code, t):
     # Language selection dropdown at the top
     languages = {'Español': 'es', 'English': 'en', 'Français': 'fr', 'Português': 'pt'}
     
-    # Create a container for the language selector and logos
-    with st.container():
-        col1, col2, col3 = st.columns([2, 2, 1])
-                
-        with col3:
-            # Selector de idioma
-            selected_lang = st.selectbox(
-                landing_t['select_language'],
-                list(languages.keys()),
-                index=list(languages.values()).index(lang_code),
-                key=f"landing_language_selector_{lang_code}"
-            )
-            new_lang_code = languages[selected_lang]
-            if lang_code != new_lang_code:
-                st.session_state.lang_code = new_lang_code
-                st.rerun()
-
+    # Contenedor para los logos y selector de idioma alineados
+    st.html("""
+    <style>
+        .header-flex-container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+            width: 100%;
+        }
+        .logos-container {
+            display: flex;
+            align-items: center;
+        }
+        .aideatext-logo {
+            height: 70px;
+            margin-right: 20px;
+        }
+        .websummit-logo {
+            height: 50px;
+        }
+        /* Esto crea espacio para el selector de idiomas que se agregará con Streamlit */
+        .language-space {
+            width: 200px;
+        }
+    </style>
+    <div class="header-flex-container">
+        <div class="logos-container">
+            <a href="https://aideatext-v3.hf.space" target="_blank">
+                <img src="./assets/img/logo_92x92.png" class="aideatext-logo" alt="AIdeaText Logo">
+            </a>
+            <img src="./assets/img/websummit_rio_2025.png" class="websummit-logo" alt="WebSummit Alpha Program">
+        </div>
+        <div class="language-space"></div>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    # Colocar el selector de idiomas en la posición correcta
+    # Usamos columns y posicionamos el selector en la última columna
+    col1, col2, col3 = st.columns([5, 3, 2])
+    with col3:
+        selected_lang = st.selectbox(
+            landing_t['select_language'],
+            list(languages.keys()),
+            index=list(languages.values()).index(lang_code),
+            key=f"landing_language_selector_{lang_code}"
+        )
+        new_lang_code = languages[selected_lang]
+        if lang_code != new_lang_code:
+            st.session_state.lang_code = new_lang_code
+            st.rerun()
+    
     # Main content with columns
     left_column, right_column = st.columns([1, 3])
-
+    
     with left_column:
         tab1, tab2 = st.tabs([landing_t['login'], landing_t['register']])
-
+        
         with tab1:
             login_form(lang_code, landing_t)
-
+        
         with tab2:
             register_form(lang_code, landing_t)
-
+    
     with right_column:
         display_videos_and_info(lang_code, landing_t)