Update views/rci.py

views/rci.py

@@ -12,46 +12,40 @@ from streamlit_option_menu import option_menu
 
 from data_cleaning import processar_arquivo
 
-#################################
-############ BANNER #############
-#################################
-
-with stylable_container(
-    key="banner",
-    css_styles="""
-    img {
-        width: 1800px;
-        height: 240px;
-        overflow: hidden;
-        position: relative;
-        object-fit: cover;
-        border-radius: 14px; /* Adiciona bordas arredondadas */
-        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
-        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); /* For Safari */
-    }
-    """,
-):
-    st.image("25.jpg")
-
-st.title("Análise de microárea")
-
-
-#################################
-############ BANNER #############
-#################################
-
-
-st.markdown("""
-    #### 📑 Instruções:
-    ##### 1. Site :orange[PEC SUS], relatórios, :blue[*RELATÓRIO DE CADASTRO INDIVIDUAL*]
-    ##### 2. Clique em :orange[baixar arquivo .csv]. Faça o upload do arquivo .csv, no menu ao lado. 👈
-    ##### 3. Solicite o relatório ao 🤖 Zé Flamengo, ou tire suas dúvidas.
-    ###### ⏳ :red[_ATENÇÃO!_], Caso solicite o relatório, clique :blue[**uma vez**] em "Gerar Relatório e aguarde. Demora cerca de 1 minuto para ficar pronto!
-    """)
-st.write("-----")
 
-st.markdown("""
-    #### Dados de saúde Relatório de cadastro individual.""")
+st.title(" 📊 - Análise de microárea")
+
+
+ch1, ch2 = st.columns([0.6, 0.4])
+with ch1:
+    
+    st.markdown("""
+        #### 📑 Instruções:
+        ##### 1. Site :orange[PEC SUS], relatórios, :blue[*RELATÓRIO DE CADASTRO INDIVIDUAL*]
+        ##### 2. Clique em :orange[baixar arquivo .csv]. Faça o upload do arquivo .csv, no menu ao lado. 👈
+        ##### 3. Solicite o relatório ao 🤖 Zé Flamengo, ou tire suas dúvidas.
+        ###### ⏳ :red[_ATENÇÃO!_], Caso solicite o relatório, clique :blue[**uma vez**] em "Gerar Relatório e aguarde. Demora cerca de 1 minuto para ficar pronto!
+        """)
+    st.write("-----")
+    
+    st.markdown("""
+        #### Dados de saúde Relatório de cadastro individual.""")
+
+with ch2, stylable_container(
+        key="banner",
+        css_styles="""
+        img {
+            width: 400px;
+            height: 360px;
+            overflow: hidden;
+            position: relative;
+            object-fit: cover;
+            border-radius: 28px; /* Adiciona bordas arredondadas */
+            mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
+            -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); /* For Safari */
+        }
+        """,
+    ):    st.image("icon/family.png")
 
 
 def clear_chat_history():