try to fix manifest issues and create responsive app

app/main.py

@@ -251,11 +251,31 @@ def main(page: ft.Page):
             page.views.append(
                 ft.View("/", [
                     ft.AppBar(title=ft.Text("MAKERSPACE"), bgcolor="#1a1c1e"),
-                    ft.Column([
-                        ft.Text("PANEL DE CONTROL", size=24, weight="bold"),
-                        ft.ElevatedButton("GITLAB REPOS", icon=ft.Icons.FOLDER, on_click=lambda _: page.go("/repos"), height=80, width=float("inf")),
-                        ft.ElevatedButton("SISTEMA PRÉSTAMOS", icon=ft.Icons.BUILD, on_click=lambda _: page.go("/prestamos"), height=80, width=float("inf"), bgcolor=ft.Colors.BLUE_800),
-                    ], spacing=20, horizontal_alignment=ft.CrossAxisAlignment.CENTER)
+                    ft.Container(
+                        content=ft.Column([
+                            ft.Text("PANEL DE CONTROL", size=24, weight="bold", text_align=ft.TextAlign.CENTER),
+                            ft.ResponsiveRow([
+                                ft.ElevatedButton(
+                                    "GITLAB REPOS", 
+                                    icon=ft.Icons.FOLDER, 
+                                    on_click=lambda _: page.go("/repos"), 
+                                    height=80, 
+                                    col={"sm": 12, "md": 6}
+                                ),
+                                ft.ElevatedButton(
+                                    "SISTEMA PRÉSTAMOS", 
+                                    icon=ft.Icons.BUILD, 
+                                    on_click=lambda _: page.go("/prestamos"), 
+                                    height=80, 
+                                    bgcolor=ft.Colors.BLUE_800,
+                                    col={"sm": 12, "md": 6}
+                                ),
+                            ], spacing=20, alignment=ft.MainAxisAlignment.CENTER),
+                        ], spacing=30, horizontal_alignment=ft.CrossAxisAlignment.CENTER),
+                        padding=20,
+                        alignment=ft.alignment.top_center,
+                        expand=True
+                    )
                 ])
             )
 
@@ -264,8 +284,8 @@ def main(page: ft.Page):
             opciones_hora = [ft.dropdown.Option(f"{h:02d}:00") for h in range(8, 16)]
             
             nombre = ft.TextField(label="Nombre del solicitante", expand=True, prefix_icon=ft.Icons.PERSON)
-            h_ext = ft.Dropdown(label="Hora Salida", options=opciones_hora, value="08:00", expand=1)
-            h_dev = ft.Dropdown(label="Devolución", options=opciones_hora, value="15:00", expand=1)
+            h_ext = ft.Dropdown(label="Hora Salida", options=opciones_hora, value="08:00", expand=True)
+            h_dev = ft.Dropdown(label="Devolución", options=opciones_hora, value="15:00", expand=True)
             
             st_txt = ft.Text("", weight="bold")
             lista_historial = ft.ListView(expand=True, spacing=10)
@@ -274,7 +294,7 @@ def main(page: ft.Page):
             container_items = ft.Column(spacing=10)
             
             def crear_fila_item():
-                return ft.Row([
+                return ft.ResponsiveRow([
                     ft.Dropdown(
                         label="Categoría",
                         options=[
@@ -282,16 +302,18 @@ def main(page: ft.Page):
                             ft.dropdown.Option("Dispositivos Eléctricos")
                         ],
                         value="Herramientas",
-                        width=180
+                        col={"sm": 12, "md": 3}
                     ),
-                    ft.TextField(label="Descripción", expand=True),
-                    ft.TextField(label="Cant.", value="1", width=70, text_align=ft.TextAlign.CENTER),
-                    ft.IconButton(ft.Icons.DELETE_OUTLINE, icon_color="red", on_click=lambda e: eliminar_fila(e))
-                ], alignment=ft.MainAxisAlignment.START)
+                    ft.TextField(label="Descripción", col={"sm": 12, "md": 6}),
+                    ft.Row([
+                        ft.TextField(label="Cant.", value="1", width=70, text_align=ft.TextAlign.CENTER),
+                        ft.IconButton(ft.Icons.DELETE_OUTLINE, icon_color="red", on_click=lambda e: eliminar_fila(e))
+                    ], col={"sm": 12, "md": 3}, alignment=ft.MainAxisAlignment.END)
+                ], alignment=ft.MainAxisAlignment.START, vertical_alignment=ft.CrossAxisAlignment.CENTER)
 
             def eliminar_fila(e):
                 if len(container_items.controls) > 1:
-                    container_items.controls.remove(e.control.parent)
+                    container_items.controls.remove(e.control.parent.parent)
                     page.update()
 
             def agregar_fila(e):
@@ -335,7 +357,7 @@ def main(page: ft.Page):
                 for fila in container_items.controls:
                     cat = fila.controls[0].value
                     txt = fila.controls[1].value
-                    ct = fila.controls[2].value
+                    ct = fila.controls[2].controls[0].value
                     if txt:
                         items_solicitados.append(f"• [{cat}] {txt} (x{ct})")
                 
@@ -378,33 +400,42 @@ def main(page: ft.Page):
             page.views.append(
                 ft.View("/prestamos", [
                     ft.AppBar(title=ft.Text("Préstamos"), bgcolor="#1a1c1e"),
-                    ft.Column([
-                        ft.Row([
-                            ft.Text("SOLICITAR PRÉSTAMO", size=18, weight="bold"),
-                            ft.ElevatedButton("🔔 ACTIVAR ALERTAS", icon=ft.Icons.NOTIFICATIONS_ACTIVE, 
-                                            on_click=pedir_permiso_notif, bgcolor=ft.Colors.BLUE_GREY_900)
-                        ], alignment=ft.MainAxisAlignment.SPACE_BETWEEN),
-                        
-                        nombre,
-                        ft.Row([h_ext, h_dev], spacing=10),
-                        
-                        ft.Divider(),
-                        ft.Row([
-                            ft.Text("LISTA DE HERRAMIENTAS", size=14, weight="bold"),
-                            ft.IconButton(ft.Icons.ADD_CIRCLE, icon_color="green", on_click=agregar_fila)
-                        ], alignment=ft.MainAxisAlignment.SPACE_BETWEEN),
-                        
-                        container_items,
-                        
-                        ft.ElevatedButton("ENVIAR SOLICITUD TOTAL", icon=ft.Icons.SEND, on_click=registrar, 
-                                         bgcolor=ft.Colors.GREEN_800, color="white", height=50, width=float("inf")),
-                        
-                        st_txt,
-                        ft.Divider(),
-                        ft.Text("HISTORIAL RECIENTE", size=18, weight="bold"),
-                        lista_historial,
-                        ft.TextButton("Volver", on_click=lambda _: page.go("/"))
-                    ], scroll=ft.ScrollMode.ADAPTIVE, expand=True, spacing=15)
+                    ft.Container(
+                        content=ft.Column([
+                            ft.Row([
+                                ft.Text("SOLICITAR PRÉSTAMO", size=18, weight="bold"),
+                                ft.ElevatedButton("🔔 ALERTAS", icon=ft.Icons.NOTIFICATIONS_ACTIVE, 
+                                                on_click=pedir_permiso_notif, bgcolor=ft.Colors.BLUE_GREY_900)
+                            ], alignment=ft.MainAxisAlignment.SPACE_BETWEEN),
+                            
+                            nombre,
+                            ft.ResponsiveRow([
+                                ft.Container(h_ext, col={"sm": 6, "md": 6}),
+                                ft.Container(h_dev, col={"sm": 6, "md": 6}),
+                            ], spacing=10),
+                            
+                            ft.Divider(),
+                            ft.Row([
+                                ft.Text("LISTA DE HERRAMIENTAS", size=14, weight="bold"),
+                                ft.IconButton(ft.Icons.ADD_CIRCLE, icon_color="green", on_click=agregar_fila)
+                            ], alignment=ft.MainAxisAlignment.SPACE_BETWEEN),
+                            
+                            container_items,
+                            
+                            ft.ElevatedButton("ENVIAR SOLICITUD TOTAL", icon=ft.Icons.SEND, on_click=registrar, 
+                                            bgcolor=ft.Colors.GREEN_800, color="white", height=50, width=float("inf")),
+                            
+                            st_txt,
+                            ft.Divider(),
+                            ft.Text("HISTORIAL RECIENTE", size=18, weight="bold"),
+                            lista_historial,
+                            ft.TextButton("Volver", on_click=lambda _: page.go("/"))
+                        ], spacing=15),
+                        padding=20,
+                        max_width=800,
+                        alignment=ft.alignment.top_center,
+                        expand=True
+                    )
                 ])
             )
 

assets/web/manifest.json

@@ -3,14 +3,16 @@
     "short_name": "makerspace",
     "icons": [
         {
-            "src": "icon192x192.png",
+            "src": "../icon192x192.png",
             "sizes": "192x192",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "any maskable"
         },
         {
-            "src": "icon-512x512.png",
+            "src": "../icon-512x512.png",
             "sizes": "512x512",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "any maskable"
         }
     ],
     "theme_color": "#1a1c1e",