Update app.py

app.py

@@ -84,11 +84,11 @@ def analyze_nutrition(image):
         recommendations_text = "\n".join(recommendations) if recommendations else "• Continue mantendo uma alimentação equilibrada!"
         
         return (
-            identified_foods,
+            f"### Alimentos Identificados\n{identified_foods}",
             table_data,
             plot_data,
-            analysis_text,
-            recommendations_text,
+            f"### Análise\n{analysis_text}",
+            f"### Recomendações\n{recommendations_text}",
             "success"  # Status para UI
         )
         
@@ -99,12 +99,32 @@ def analyze_nutrition(image):
             "error"  # Status para UI
         )
 
+css = """
+.container {
+    max-width: 1200px;
+    margin: auto;
+    padding: 20px;
+}
+.header {
+    text-align: center;
+    margin-bottom: 30px;
+}
+.result-box {
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    padding: 15px;
+    margin: 10px 0;
+    background-color: #fff;
+}
+"""
+
 # Interface Gradio
-with gr.Blocks(theme=gr.themes.Soft()) as iface:
+with gr.Blocks(theme=gr.themes.Soft(), css=css) as iface:
     # Cabeçalho
-    with gr.Row(variant="compact"):
+    with gr.Row(elem_classes="header"):
         gr.Markdown("""
         # 🍽️ Análise Nutricional com IA
+        Faça upload da foto do seu prato para análise nutricional detalhada
         """)
     
     # Container Principal
@@ -121,8 +141,8 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
             with gr.Row():
                 analyze_btn = gr.Button("🔍 Analisar Prato", variant="primary", size="lg")
                 clear_btn = gr.Button("🔄 Limpar", size="lg")
-                
-            with gr.Accordion("📝 Dicas para Melhores Resultados", open=False):
+            
+            with gr.Accordion("📝 Dicas", open=False):
                 gr.Markdown("""
                 - Use fotos bem iluminadas
                 - Fotografe de cima para baixo
@@ -137,23 +157,19 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
             
             with gr.Tabs():
                 # Tab de Identificação
-                with gr.Tab("🔍 Alimentos Identificados"):
-                    foods_detected = gr.Markdown(
-                        label="",
-                        value="Faça o upload de uma imagem e clique em Analisar"
-                    )
+                with gr.Tab("🔍 Identificação"):
+                    with gr.Group(elem_classes="result-box"):
+                        foods_detected = gr.Markdown()
                 
                 # Tab de Nutrientes
-                with gr.Tab("📊 Informação Nutricional"):
-                    with gr.Row():
+                with gr.Tab("📊 Nutrição"):
+                    with gr.Group(elem_classes="result-box"):
                         nutri_table = gr.Dataframe(
                             headers=["Nutriente", "Quantidade"],
-                            label="",
+                            label="Informação Nutricional",
                             wrap=True
                         )
-                    with gr.Row():
                         macro_plot = gr.BarPlot(
-                            label="",
                             title="Distribuição de Macronutrientes (g)",
                             x="Nutriente",
                             y="Quantidade",
@@ -162,19 +178,16 @@ with gr.Blocks(theme=gr.themes.Soft()) as iface:
                         )
                 
                 # Tab de Análise
-                with gr.Tab("💡 Análise e Recomendações"):
-                    with gr.Box():
-                        gr.Markdown("#### 📋 Análise")
+                with gr.Tab("💡 Análise"):
+                    with gr.Group(elem_classes="result-box"):
                         analysis_output = gr.Markdown()
-                    
-                    with gr.Box():
-                        gr.Markdown("#### ✨ Recomendações")
+                        gr.Markdown("---")
                         recommendations_output = gr.Markdown()
     
     # Event handlers
     def clear_outputs():
         return {
-            foods_detected: "Faça o upload de uma imagem e clique em Analisar",
+            foods_detected: None,
             nutri_table: None,
             macro_plot: None,
             analysis_output: None,