Spaces:
Sleeping
Sleeping
Upload 3 files
Browse files- app.py +3 -3
- 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("
|
| 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 |
-
/* =====
|
| 971 |
-
.
|
| 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 |
-
/* =====
|
| 989 |
-
.map-
|
| 990 |
background: white !important;
|
| 991 |
border-radius: 12px !important;
|
| 992 |
-
|
| 993 |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
|
| 994 |
border: 1px solid #e0e0e0 !important;
|
| 995 |
}
|
| 996 |
|
| 997 |
-
.map-
|
| 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 |
-
.
|
| 1007 |
-
.
|
| 1008 |
-
.
|
| 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 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|