From 4bb86bfe5dd77ef21fc8fafbc6a00be00a233455 Mon Sep 17 00:00:00 2001 From: fsousac Date: Tue, 18 Jul 2023 09:40:00 -0300 Subject: [PATCH] arrumando o css para R2 --- src/components/Maturidade/Maturidade1.css | 6 +-- src/components/Maturidade/Maturidade2.css | 32 ++------------- src/components/Maturidade/Maturidade3.css | 6 +-- src/components/Maturidade/Maturidade4.css | 40 +------------------ .../Maturidade/Maturidade5/Maturidade5.css | 37 ++++++++++------- .../Maturidade/Maturidade5/Maturidade5.js | 39 ++++++++++-------- src/components/intuicao/Intuicao.css | 3 +- 7 files changed, 58 insertions(+), 105 deletions(-) diff --git a/src/components/Maturidade/Maturidade1.css b/src/components/Maturidade/Maturidade1.css index 50baf824..1c0695a3 100644 --- a/src/components/Maturidade/Maturidade1.css +++ b/src/components/Maturidade/Maturidade1.css @@ -152,7 +152,6 @@ font-size: 15px; border-radius: 3px; border: 1px solid var(--font_color); - max-width: 20vw; } .import-select option { @@ -209,14 +208,15 @@ .import-select { font-size: 12px; } + .opcao-select, .import-select { width: 100%; height: 25vh; } .duvidaAdm { - margin-top: -14%; - margin-left: 16%; + margin-top: -3%; + margin-left: 18%; width: 4.2vw; height: 4vw; } diff --git a/src/components/Maturidade/Maturidade2.css b/src/components/Maturidade/Maturidade2.css index b46c1cac..06edc04c 100644 --- a/src/components/Maturidade/Maturidade2.css +++ b/src/components/Maturidade/Maturidade2.css @@ -63,30 +63,6 @@ width: auto; } -.opcao-select { - width: 100%; - padding: 25px; - font-size: 15px; - border-radius: 3px; - border: 1px solid var(--font_color); -} - -.opcao-select option { - padding: 5px; -} - -.import-select { - width: 100%; - padding: 25px; - font-size: 15px; - border-radius: 3px; - border: 1px solid var(--font_color); -} - -.import-select option { - padding: 5px; -} - .close_area2 { cursor: pointer; width: 20px; @@ -196,16 +172,14 @@ .formRh table th { font-size: 15px; } - .formRh table td, - .opcao-select, - .import-select { + .formRh table td { font-size: 12px; } .duvidaRh { - margin-top: -9%; + margin-top: -4%; margin-left: 24%; height: 4.1vw; - width: 4vw; + width: 4.2vw; } .setaDireitaMaturidade_2, .setaEsquerdaMaturidade_2 { diff --git a/src/components/Maturidade/Maturidade3.css b/src/components/Maturidade/Maturidade3.css index 4b9f977a..ea7160b8 100644 --- a/src/components/Maturidade/Maturidade3.css +++ b/src/components/Maturidade/Maturidade3.css @@ -167,13 +167,11 @@ .formFin table th { font-size: 15px; } - .formFin table td, - .opcao-select, - .import-select { + .formFin table td { font-size: 12px; } .duvidaFin { - margin-top: -14%; + margin-top: -5%; margin-left: 20%; height: 4.1vw; width: 4.2vw; diff --git a/src/components/Maturidade/Maturidade4.css b/src/components/Maturidade/Maturidade4.css index 5678a59d..89b61e1b 100644 --- a/src/components/Maturidade/Maturidade4.css +++ b/src/components/Maturidade/Maturidade4.css @@ -68,40 +68,6 @@ height: 10vh; } -.opcao-select { - width: 40vw; - height: 10vh; - padding: 5px; - font-size: 15px; - border-radius: 3px; - border: 1px solid var(--font_color); - /* max-width: 20vw; */ -} - -.opcao-select option { - padding-top: 10px; - background-repeat: no-repeat; - background-size: contain; - margin-top: 1%; - margin-right: -5%; - float: right; - cursor: pointer; -} - -.import-select { - width: 15vw; - height: 10vh; - padding: 5px; - font-size: 15px; - border-radius: 3px; - border: 1px solid var(--font_color); - max-width: 20vw; -} - -.import-select option { - padding: 5px; -} - .close_area4 { cursor: pointer; width: 20px; @@ -212,13 +178,11 @@ .formMkt table th { font-size: 15px; } - .formMkt table td, - .opcao-select, - .import-select { + .formMkt table td { font-size: 12px; } .duvidaMkt { - margin-top: -14%; + margin-top: 1%; margin-left: 20%; height: 4.1vw; width: 4.2vw; diff --git a/src/components/Maturidade/Maturidade5/Maturidade5.css b/src/components/Maturidade/Maturidade5/Maturidade5.css index c8d084da..1a8a69e1 100644 --- a/src/components/Maturidade/Maturidade5/Maturidade5.css +++ b/src/components/Maturidade/Maturidade5/Maturidade5.css @@ -116,7 +116,7 @@ float: left; left: 15%; top: 32%; - border: 5px solid #FF5631; + border: 5px solid #ff5631; border-radius: 20px; } .textoAreas { @@ -139,14 +139,15 @@ } .duvidaResult { - background-image: url("../../../images/request\ \(1\).png"); - width: 0.85vw; - height: 1.8vh; - float: right; - cursor: pointer; - position: absolute; - left: 72%; - top: 10%; + background-image: url("../../../images/request\ \(1\).png"); + width: 0.85vw; + height: 1.8vh; + float: right; + cursor: pointer; + position: absolute; + left: 72%; + top: 10%; + filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25)); } .setaEsquerda { @@ -200,9 +201,10 @@ margin-left: 17%; } .duvidaResult { + margin-top: -5%; margin-left: 15%; - width: 3.5vw; - height: 3vh; + width: 4.2vw; + height: 1.8vh; } .titulo, .tituloNivel { @@ -236,15 +238,22 @@ height: 15vh; } .textoAreas { - font-size: 20px; + font-size: 18px; } .porcentagemAreas { font-size: 20px; + margin-top: -51%; } - .feitoMaturidade, .setaEsquerda { - margin-top: 65%; + float: left; + margin-left: -5%; + } + .feitoMaturidade { margin-right: -5%; + } + .feitoMaturidade, + .setaEsquerda { + margin-top: 125%; width: 17vw; height: 17vw; } diff --git a/src/components/Maturidade/Maturidade5/Maturidade5.js b/src/components/Maturidade/Maturidade5/Maturidade5.js index c457ddc4..d6bc274d 100644 --- a/src/components/Maturidade/Maturidade5/Maturidade5.js +++ b/src/components/Maturidade/Maturidade5/Maturidade5.js @@ -11,8 +11,12 @@ import Descricao4 from "./Maturidade5Descricoes/descricao4.json"; import Descricao5 from "./Maturidade5Descricoes/descricao5.json"; import React from "react"; -function Maturidade5({porcentagemAdm, porcentagemRh, porcentagemFin, porcentagemMkt}) { - +function Maturidade5({ + porcentagemAdm, + porcentagemRh, + porcentagemFin, + porcentagemMkt, +}) { var porcent1 = +porcentagemAdm; var porcent2 = +porcentagemRh; var porcent3 = +porcentagemFin; @@ -48,16 +52,15 @@ function Maturidade5({porcentagemAdm, porcentagemRh, porcentagemFin, porcentagem modal2.style.display = "none"; window.scrollTo(0, 0); } - - function nivelMaturidade(){ + function nivelMaturidade() { var adm = porcent1; var rh = porcent2; var fin = porcent3; var mkt = porcent4; - var soma = adm+rh+fin+mkt; - var media = soma/4; + var soma = adm + rh + fin + mkt; + var media = soma / 4; var nivel = null; if (media <= 20) { @@ -103,31 +106,35 @@ function Maturidade5({porcentagemAdm, porcentagemRh, porcentagemFin, porcentagem className="close_area5" onClick={(e) => fecharFormMaturidade5(e)} > -
-
+
+

Maturidade Nível

-
{window.open("tutorial#tut_CalcMaturidade", "_blank") - }}className="duvidaResult">
+
{ + window.open("tutorial#tut_CalcMaturidade", "_blank"); + }} + className="duvidaResult" + >

{nivel}

situacao
{textSituacao}
Área Administrativa
-
+
Área de Recursos Humanos
-
+
Área Financeira
-
+
Área de Marketing
{porcent1}%
-
+
{porcent2}%
-
+
{porcent3}%
-
+
{porcent4}%
diff --git a/src/components/intuicao/Intuicao.css b/src/components/intuicao/Intuicao.css index 4420f7ef..6afd9bf1 100644 --- a/src/components/intuicao/Intuicao.css +++ b/src/components/intuicao/Intuicao.css @@ -413,6 +413,7 @@ textarea { .form { height: 180vh; width: 100vw; + overflow: hidden; } .centerInt { height: 160vh; @@ -527,7 +528,7 @@ textarea { .tabela3 table { float: left; width: 67vw; - margin-top: -35vh; + margin-top: -41vh; margin-left: 0vw; } .tabela3 h2 {