Update modules/ui/ui.py
Browse files- modules/ui/ui.py +17 -32
modules/ui/ui.py
CHANGED
@@ -81,46 +81,31 @@ def login_register_page(lang_code, t):
|
|
81 |
# Language selection dropdown at the top
|
82 |
languages = {'Espa帽ol': 'es', 'English': 'en', 'Fran莽ais': 'fr', 'Portugu锚s': 'pt'}
|
83 |
|
84 |
-
#
|
85 |
st.markdown("""
|
86 |
<style>
|
87 |
-
.
|
88 |
-
display: flex;
|
89 |
-
justify-content: space-between;
|
90 |
align-items: center;
|
91 |
-
margin-bottom: 20px;
|
92 |
-
width: 100%;
|
93 |
-
}
|
94 |
-
.logos-container {
|
95 |
-
display: flex;
|
96 |
-
align-items: center;
|
97 |
-
}
|
98 |
-
.aideatext-logo {
|
99 |
-
height: 70px;
|
100 |
-
margin-right: 20px;
|
101 |
-
}
|
102 |
-
.websummit-logo {
|
103 |
-
height: 50px;
|
104 |
-
}
|
105 |
-
/* Esto crea espacio para el selector de idiomas que se agregar谩 con Streamlit */
|
106 |
-
.language-space {
|
107 |
-
width: 200px;
|
108 |
}
|
109 |
</style>
|
110 |
-
<div class="header-flex-container">
|
111 |
-
<div class="logos-container">
|
112 |
-
<a href="https://aideatext-v3.hf.space" target="_blank">
|
113 |
-
<img src="./assets/img/logo_92x92.png" class="aideatext-logo" alt="AIdeaText Logo">
|
114 |
-
</a>
|
115 |
-
<img src="./assets/img/ALPHA_Startup Badges.png" class="websummit-logo" alt="WebSummit Alpha Program">
|
116 |
-
</div>
|
117 |
-
<div class="language-space"></div>
|
118 |
-
</div>
|
119 |
""", unsafe_allow_html=True)
|
120 |
|
121 |
-
#
|
122 |
-
col1, col2, col3 = st.columns([
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
123 |
with col3:
|
|
|
124 |
selected_lang = st.selectbox(
|
125 |
landing_t['select_language'],
|
126 |
list(languages.keys()),
|
|
|
81 |
# Language selection dropdown at the top
|
82 |
languages = {'Espa帽ol': 'es', 'English': 'en', 'Fran莽ais': 'fr', 'Portugu锚s': 'pt'}
|
83 |
|
84 |
+
# Estilo personalizado para mejorar el espaciado y alineaci贸n
|
85 |
st.markdown("""
|
86 |
<style>
|
87 |
+
div.row-widget.stHorizontalBlock {
|
|
|
|
|
88 |
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
89 |
}
|
90 |
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
91 |
""", unsafe_allow_html=True)
|
92 |
|
93 |
+
# Crear contenedor para logos y selector de idioma usando columnas de Streamlit
|
94 |
+
col1, col2, col3 = st.columns([2, 2, 1])
|
95 |
+
|
96 |
+
with col1:
|
97 |
+
# Logo de AIdeaText con enlace
|
98 |
+
st.markdown(
|
99 |
+
f'<a href="https://aideatext-v3.hf.space" target="_blank"><img src="https://huggingface.co/spaces/AIdeaText/v3/resolve/main/assets/img/logo_92x92.png" width="70"></a>',
|
100 |
+
unsafe_allow_html=True
|
101 |
+
)
|
102 |
+
|
103 |
+
with col2:
|
104 |
+
# Logo de Alpha Program
|
105 |
+
st.image("https://huggingface.co/spaces/AIdeaText/v3/resolve/main/assets/img/ALPHA_Startup%20Badges.png", width=100)
|
106 |
+
|
107 |
with col3:
|
108 |
+
# Selector de idioma
|
109 |
selected_lang = st.selectbox(
|
110 |
landing_t['select_language'],
|
111 |
list(languages.keys()),
|