Refactor GrossMensalChart and Dashboard components: enhance layout options and improve content structure

src/components/graph/grossMensalChart/GrossMensalChart.tsx

@@ -55,6 +55,11 @@ export default function GrossMensalChart({
 
   const options: any = {
     responsive: true,
+    layout: {
+      padding: {
+        top: 0
+      }
+    },
     scales: {
       x: {
         stacked: true,
@@ -83,6 +88,7 @@ export default function GrossMensalChart({
       datalabels: {
         display: true,
         color: '#255488',
+        clip: true,
         formatter: (value, ctx) => {
           let sum = 0
           const dataArr = ctx.chart.data.datasets[0].data
@@ -100,6 +106,7 @@ export default function GrossMensalChart({
         },
         anchor: 'end',
         align: 'end',
+        offset: 5,
         font: {
           weight: 'bold',
           size: !miniature ? window.innerWidth / 80 : window.innerWidth / 125

src/pages/dashboard/index.tsx

@@ -38,7 +38,9 @@ const style = {
 
   borderRadius: 3,
 
-  overflow: 'scroll'
+  overflow: 'hidden',
+  display: 'flex',
+  flexDirection: 'column'
 };
 
 export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator }: any) {
@@ -157,6 +159,7 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
                 <Typography id="modal-modal-title" variant="h6" component="h2">
                   Termos de uso
                 </Typography>
+                <Box sx={{ overflow: 'auto', flex: 1 }}>
                   <img src='assets/smart-energia-terms-image.png' style={{ maxWidth: '100%' }} />
                   <Typography id="modal-modal-description" sx={{ mt: 2 }}>
                     <p>
@@ -195,26 +198,12 @@ export default function Dashboard({ grossAnualGraph, grossAnualYears, grossMensa
                     <p>
                       <strong>Aproveite essa nova ferramenta de acompanhar sua Gestão de Energia!</strong>
                     </p>
-                  {/* <p>
-                            Bem-vindo a Plataforma Web – SMART ENERGIA!
-                          </p>
-                          <p>
-                            Visualize os principais indicadores, dados de economia, resumo de operações, PLD, notícias além de acompanhar o consumo de energia em intervalos mínimos de 5 minutos.
-                          </p>
-                          <p>
-                            Conforme nosso contrato de serviços vigente, todas as informações entregues são estritamente privadas, sendo seu sigilo protegido por lei, não podendo ser compartilhadas com terceiros.
-                          </p>
-                          <p>
-                            A divulgação não autorizada das informações adquiridas nesta plataforma (ou seu uso), de forma integral ou parcial, é proibida, não sendo permitido o compartilhamento dos acessos e senhas ou qualquer informação que tiver acesso junto a esta plataforma, sendo que o acesso a esta plataforma é restrito e individual.
-                          </p>
-                          <p>
-                            Ressaltamos que os resultados informados são meramente indicativos.
-                          </p> */}
+                  </Typography>
+                </Box>
                 <BasicButton title="Aceito os termos" onClick={() => {
                   setCookie(undefined, 'terms', 'true')
                   setOpen(false)
                 }} />
-                </Typography>
               </Box>
             </Modal>
           </>