Alterações no background, Imput e label do form.

KaiqueNoronha · KaiqueNoronha · commit 72779fdf5af4 · 2024-11-20T00:56:08.000-03:00
diff --git a/public/clients/ethicsNetLogo2.svg b/public/clients/ethicsNetLogo2.svg
diff --git a/src/app/(components)/(body)/body.tsx b/src/app/(components)/(body)/body.tsx
@@ -12,6 +12,7 @@ export const ScrollbarWrapper = styled.div`
   scrollbar-color: ${({ theme }) => theme.colors.gray};
   direction: ltr; // Show the scrollbar on the right: ;
   scroll-behavior: smooth;
+  background-color: white;
 
   &::-webkit-scrollbar {
     width: 8px;
diff --git a/src/components/Form/styles.tsx b/src/components/Form/styles.tsx
@@ -154,7 +154,7 @@ export const FormInputContent = styled.div`
 export const FormLabel = styled.label`
   font-size: 0.75rem; // 12px
   font-weight: normal;
-  font-family: 'Poppins', sans-serif;
+  font-family: '__Montserrat_c8fde2', '__Montserrat_Fallback_c8fde2';
   color: #ffffff;
   width: 8.8125rem; // 141px
   height: 1.125rem; // 18px
@@ -169,4 +169,5 @@ export const FormInput = styled.input`
   border-radius: 0.25rem; // 4px
   background-color: #ffffff;
   color: #000000;
+  outline: none;
 `;
diff --git a/src/components/NewCarousel/new-carousel.tsx b/src/components/NewCarousel/new-carousel.tsx
@@ -8,7 +8,7 @@ import  SetaEsquerda  from '../../images/seta-esquerda.svg';
 import  SetaDireita  from '../../images/seta-direita.svg';
 import novoLogo from '../../../public/clients/novoLogo.svg'
 import autonomyLogo from '../../../public/clients/autonomyLogo.svg'
-import ethicsNetLogo from '../../../public/clients/ethicsNetLogo.svg'
+import ethicsNetLogo2 from '../../../public/clients/ethicsNetLogo2.svg'
 import falconsLogo from '../../../public/clients/falconsLogo.svg'
 import scouthubLogo from '../../../public/clients/scouthubLogo.svg'
 import workStory from '../../../public/clients/workStory.svg'
@@ -28,18 +28,18 @@ import {
 const logos = [
   { src: novoLogo, alt: 'Novo Logo' },
   { src: autonomyLogo, alt: 'Autonomy Logo' },
-  { src: ethicsNetLogo, alt: 'EthicsNet Logo' },
+  { src: synergyLogo, alt: 'Synergy Logo' },
   { src: falconsLogo, alt: 'Falcons Logo' },
   { src: scouthubLogo, alt: 'Scouthub Logo' },
   { src: workStory, alt: 'Work Story Logo' },
-  { src: synergyLogo, alt: 'Synergy Logo' },
+  { src: ethicsNetLogo2, alt: 'EthicsNet Logo' },
 ]
 
 const BackgroundLogo = [
-  { $top: '100px', $right: '-50px' },
-  { $top: '100px', $left: '-30px', $opacity: '10%' },
-  { $bottom: '0px', $right: '100px' },
-  { $bottom: '50px', $left: '90px', $opacity: '10%' },
+  { $top: '100px', $right: '-50px', $opacity: '9%'  },
+  { $top: '100px', $left: '-38px', $opacity: '9%' },
+  { $bottom: '70px', $right: '15px',$opacity: '9%' },
+  { $bottom: '70px', $left: '-48px', $opacity: '9%' },
 ]
 
 export function NewCarousel () {
@@ -97,7 +97,7 @@ export function NewCarousel () {
               style={{
                 width: '50%',
                 flexShrink: 0,
-                padding: '0 1rem',
+                padding: logo.alt === 'EthicsNet Logo' ? '20px 2.25rem' : '0 1rem',
                 objectFit: 'contain'
               }}
             />
diff --git a/src/components/NewCarousel/styles.tsx b/src/components/NewCarousel/styles.tsx
@@ -9,6 +9,7 @@ export const CarouselContainer = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
+  background-color: white;
 
   @media (min-width: 769px) {
     display: none;
