gui-sparim commited on
Commit
404ddd9
·
verified ·
1 Parent(s): 14dabb8

Upload 3 files

Browse files
Files changed (2) hide show
  1. app.py +3 -3
  2. styles.css +9 -36
app.py CHANGED
@@ -32,13 +32,13 @@ css = carregar_css()
32
  with gr.Blocks(title="MESA - Modelagem Estatística e Sistemas de Avaliação") as app:
33
  gr.Markdown(TITULO)
34
 
35
- with gr.Tab("Buscador"):
36
  gr.Markdown("*Em desenvolvimento.*")
37
 
38
- with gr.Tab("Elaboração"):
39
  aba_elaboracao()
40
 
41
- with gr.Tab("Visualização"):
42
  aba_visualizacao()
43
 
44
 
 
32
  with gr.Blocks(title="MESA - Modelagem Estatística e Sistemas de Avaliação") as app:
33
  gr.Markdown(TITULO)
34
 
35
+ with gr.Tab("Pesquisa"):
36
  gr.Markdown("*Em desenvolvimento.*")
37
 
38
+ with gr.Tab("Elaboração/Edição"):
39
  aba_elaboracao()
40
 
41
+ with gr.Tab("Visualização/Avaliação"):
42
  aba_visualizacao()
43
 
44
 
styles.css CHANGED
@@ -967,13 +967,8 @@ button.btn-voltar-padrao:hover {
967
  border-radius: 8px !important;
968
  }
969
 
970
- /* ===== LAYOUT PRINCIPAL ===== */
971
- .main-row {
972
- gap: 15px !important;
973
- }
974
-
975
- /* ===== PAINEL DE ABAS (ESQUERDA) ===== */
976
- .left-panel {
977
  background: white !important;
978
  border-radius: 12px !important;
979
  padding: 15px !important;
@@ -985,16 +980,16 @@ button.btn-voltar-padrao:hover {
985
  font-size: 13px !important;
986
  }
987
 
988
- /* ===== PAINEL DO MAPA (DIREITA) ===== */
989
- .map-panel {
990
  background: white !important;
991
  border-radius: 12px !important;
992
- padding: 15px !important;
993
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
994
  border: 1px solid #e0e0e0 !important;
995
  }
996
 
997
- .map-panel iframe {
998
  border-radius: 8px !important;
999
  }
1000
 
@@ -1003,9 +998,9 @@ button.btn-voltar-padrao:hover {
1003
  }
1004
 
1005
  /* ===== LABELS DOS COMPONENTES COM ESTILO LARANJA ===== */
1006
- .left-panel .label-wrap span,
1007
- .left-panel label > span:first-child,
1008
- .left-panel .wrap > label > span {
1009
  font-weight: 600 !important;
1010
  color: #4a5568 !important;
1011
  font-size: 13px !important;
@@ -1018,25 +1013,3 @@ button.btn-voltar-padrao:hover {
1018
  display: inline-block !important;
1019
  margin-bottom: 8px !important;
1020
  }
1021
-
1022
- /* Estilo para o título do mapa */
1023
- .map-panel .section-title h3,
1024
- .map-panel .section-title {
1025
- font-weight: 600 !important;
1026
- color: #4a5568 !important;
1027
- font-size: 14px !important;
1028
- letter-spacing: 0.3px !important;
1029
- text-transform: uppercase !important;
1030
- padding: 8px 12px !important;
1031
- border-left: 4px solid #FF8C00 !important;
1032
- background: linear-gradient(90deg, #fff8f0 0%, transparent 100%) !important;
1033
- border-radius: 0 6px 6px 0 !important;
1034
- margin-bottom: 12px !important;
1035
- }
1036
-
1037
- .map-panel .section-title h3 {
1038
- margin: 0 !important;
1039
- padding: 0 !important;
1040
- border: none !important;
1041
- background: none !important;
1042
- }
 
967
  border-radius: 8px !important;
968
  }
969
 
970
+ /* ===== PAINEL DE CONTEÚDO (LARGURA TOTAL) ===== */
971
+ .content-panel {
 
 
 
 
 
972
  background: white !important;
973
  border-radius: 12px !important;
974
  padding: 15px !important;
 
980
  font-size: 13px !important;
981
  }
982
 
983
+ /* ===== ACCORDION DO MAPA ===== */
984
+ .map-accordion {
985
  background: white !important;
986
  border-radius: 12px !important;
987
+ margin-bottom: 15px !important;
988
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
989
  border: 1px solid #e0e0e0 !important;
990
  }
991
 
992
+ .map-accordion iframe {
993
  border-radius: 8px !important;
994
  }
995
 
 
998
  }
999
 
1000
  /* ===== LABELS DOS COMPONENTES COM ESTILO LARANJA ===== */
1001
+ .content-panel .label-wrap span,
1002
+ .content-panel label > span:first-child,
1003
+ .content-panel .wrap > label > span {
1004
  font-weight: 600 !important;
1005
  color: #4a5568 !important;
1006
  font-size: 13px !important;
 
1013
  display: inline-block !important;
1014
  margin-bottom: 8px !important;
1015
  }