AIdeaText commited on
Commit
a53055b
·
verified ·
1 Parent(s): 60f0b28

Update modules/ui/ui.py

Browse files
Files changed (1) hide show
  1. modules/ui/ui.py +12 -9
modules/ui/ui.py CHANGED
@@ -212,24 +212,27 @@ def display_videos_and_info(lang_code, t):
212
  "Control de versiones"
213
  ])
214
 
215
- # Tab de Galería
216
  with tab_gallery:
217
  # Contenedor con ancho máximo
218
  with st.container():
219
- # Contenedor centrado para la primera imagen con ancho reducido
220
- col_center = st.columns([1,2,1]) # Esto crea un espacio a los lados
221
- with col_center:
 
 
222
  st.image("assets/img/socialmedia/_MG_2790.jpg",
223
  caption="MakerFaire CDMX 2024",
224
- width=600) # Ajustamos el ancho específico de la primera imagen
225
 
226
- # Segunda fila con dos imágenes
227
- col1, col2 = st.columns(2)
228
- with col1:
229
  st.image("assets/img/socialmedia/_MG_2845.JPG",
230
  caption="MakerFaire CDMX 2023",
231
  use_column_width=True)
232
- with col2:
 
233
  st.image("assets/img/socialmedia/Facebook_CoverPhoto-1_820x312.jpg",
234
  caption="Evento X",
235
  use_column_width=True)
 
212
  "Control de versiones"
213
  ])
214
 
215
+ # Tab de Galería
216
  with tab_gallery:
217
  # Contenedor con ancho máximo
218
  with st.container():
219
+ # Dividimos en dos columnas principales
220
+ col_left, col_right = st.columns(2)
221
+
222
+ # Columna izquierda: Foto 1 grande
223
+ with col_left:
224
  st.image("assets/img/socialmedia/_MG_2790.jpg",
225
  caption="MakerFaire CDMX 2024",
226
+ width=300) # Ajusta este valor según necesites
227
 
228
+ # Columna derecha: Fotos 2 y 3 una encima de otra
229
+ with col_right:
230
+ # Foto 2 arriba
231
  st.image("assets/img/socialmedia/_MG_2845.JPG",
232
  caption="MakerFaire CDMX 2023",
233
  use_column_width=True)
234
+
235
+ # Foto 3 abajo
236
  st.image("assets/img/socialmedia/Facebook_CoverPhoto-1_820x312.jpg",
237
  caption="Evento X",
238
  use_column_width=True)