fix: Ajustando responsive dos gráficos.

unb-mds · Aug 14, 2024 · 32068bc · 32068bc
1 parent 95ee022
commit 32068bc
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 7 deletions.
diff --git a/backend/newsletter/sendEmails.js b/backend/newsletter/sendEmails.js
@@ -53,7 +53,7 @@ const sendMail = async (emailAddress) => {
     subject: "Atualizações Semanais de Licitações - Licita BSB",
     text: `Olá,
 
-Gostaríamos de informar que as dispensas de licitação mais recentes em Brasília foram atualizadas em nosso portal Licita BSB. Através do nosso site, você pode acessar essas informações de maneira fácil e compreensível.
+Gostaríamos de informar que as licitações mais recentes em Brasília foram atualizadas em nosso portal Licita BSB. Através do nosso site, você pode acessar essas informações de maneira fácil e compreensível.
 
 Além disso, lembramos que também estamos compartilhando essas atualizações na rede social X (antigo Twitter) através do nosso perfil: https://x.com/licitabsb. Isso nos permite alcançar um público ainda maior e manter a população de Brasília informada sobre as decisões governamentais.
 

diff --git a/frontend/src/pages/dashboard/index.jsx b/frontend/src/pages/dashboard/index.jsx
@@ -121,6 +121,14 @@ export default function Dashboard() {
     }
   };
 
+  const getText = () => {
+
+    if(window.innerWidth > 1300){
+      return 'Valor Total das Licitações (R$)'
+    }else{
+      return ""
+    }
+  }
 
   const anos = Object.keys(valoresPorAno);
   const valoresAnuais = Object.values(valoresPorAno);
@@ -168,7 +176,8 @@ export default function Dashboard() {
     options: {
       legend: {
         labels: {
-          padding: 100, // Aumente ou diminua este valor para afastar mais ou menos
+          padding_right: 150, 
+          margin_right: 100// Aumente ou diminua este valor para afastar mais ou menos
         },
       },
     },
@@ -284,10 +293,13 @@ export default function Dashboard() {
         position: 'right',
         title: {
           display: true,
-          text: 'Valor Total das Licitações (R$)',
+          text: getText(),
           font: {
             size: getFontSize17(), // Aumente o tamanho da fonte
           },
+          grid: {
+            drawOnChartArea: false, // Evita que o grid de y2 seja desenhado na área do gráfico
+          },
         },
       },
     },
@@ -326,10 +338,16 @@ export default function Dashboard() {
         position: 'right',
         title: {
           display: true,
-          text: 'Valor Total das Licitações (R$)',
+          text: getText(),
           font: {
             size: getFontSize17(), // Tamanho da fonte definido para 17
           },
+          afterFit: function(scale) {
+            scale.width += 100; // Aumente este valor para criar mais espaço à direita
+          },
+          grid: {
+            drawOnChartArea: false, // Evita que o grid de y4 seja desenhado na área do gráfico
+          },
         },
       },
     },

diff --git a/frontend/src/pages/dashboard/style.module.css b/frontend/src/pages/dashboard/style.module.css
@@ -116,7 +116,7 @@ body{
         align-items: center;
         text-align: center;
         width: 100%;
-        height: 100%;
+        max-height: 100%;
     }
 
     .dashboard{
@@ -140,8 +140,8 @@ body{
 
     .chart01 .chart{
         display: flex;
-        width: 402px;
-        height: 750px;
+        max-width: 402px;
+        height: 100%;
     }
 
     .chart02 .chartPizza{