arrumando o css para R2

fga-eps-mds · Jul 18, 2023 · 4bb86bf · 4bb86bf
1 parent 1758be6
commit 4bb86bf
Show file tree

Hide file tree

Showing 7 changed files with 58 additions and 105 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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)}
         ></button>
-        <div className="dot2_area4"></div>
-        <div className="dot3_area4"></div>
+        <div className="dot2_area5"></div>
+        <div className="dot3_area5"></div>
         <h2 className="titulo">Maturidade Nível</h2>
-        <div onClick={() => {window.open("tutorial#tut_CalcMaturidade", "_blank")
-        }}className="duvidaResult"></div>
+        <div
+          onClick={() => {
+            window.open("tutorial#tut_CalcMaturidade", "_blank");
+          }}
+          className="duvidaResult"
+        ></div>
         <h2 className="tituloNivel">{nivel}</h2>
         <img className="situacao" alt="situacao" src={imgSituacao} />
         <div className="descMaturidade">{textSituacao}</div>
         <table className="tabelaResult">
           <div className="textoAreas">
             <div>Área Administrativa</div>
-            <br/>
+            <br />
             <div>Área de Recursos Humanos</div>
-            <br/>
+            <br />
             <div>Área Financeira</div>
-            <br/>
+            <br />
             <div>Área de Marketing</div>
           </div>
           <div className="porcentagemAreas">
             <div>{porcent1}%</div>
-            <br/>
+            <br />
             <div>{porcent2}%</div>
-            <br/>
+            <br />
             <div>{porcent3}%</div>
-            <br/>
+            <br />
             <div>{porcent4}%</div>
           </div>
         </table>

diff --git 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 {