fix: corrige tamanhos

gdg-uberlandia · Sep 24, 2023 · 74b5e82 · 74b5e82
1 parent fdd9b81
commit 74b5e82
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 36 deletions.
diff --git a/src/back-features/sponsors.ts b/src/back-features/sponsors.ts
@@ -14,7 +14,6 @@ const getSponsors = async () => {
     }
 }
 
-
 export {
     getSponsors
 }
diff --git a/src/components/sponsors-section/Sponsors.module.css b/src/components/sponsors-section/Sponsors.module.css
@@ -55,12 +55,16 @@
 
 .SponsorCardBody {
     position: relative;
-    width: 200px;
+    width: 270px;
     height: 90px;
+    display: flex;
+    justify-content: center;
 }
 
 .SponsorCardBodyImage {
     padding: 0px 10px !important;
+    width: 90%;
+    object-fit: scale-down;
 }
 
 #sponsors {

diff --git a/src/components/sponsors-section/sponsor-card.tsx b/src/components/sponsors-section/sponsor-card.tsx
@@ -15,11 +15,8 @@ const SponsorCard: React.FC<SponsorCardProps> = (sponsor) => {
             <div className={styles.SponsorCard}>
                 <a href={sponsor.url} target="_blank">
                     <div className={sponsor.isStaff ? styles.StaffCardBody : styles.SponsorCardBody}>
-                        <Image unoptimized src={sponsor.logo}
-                            fill
-                            objectFit="scale-down"
-                            alt={sponsor.name}
-                            className={styles.SponsorCardBodyImage}></Image>
+                        <img src={sponsor.logo}
+                            className={styles.SponsorCardBodyImage}></img>
                     </div>
                 </a>
             </div>

diff --git a/src/components/sponsors-section/sponsors-section.tsx b/src/components/sponsors-section/sponsors-section.tsx
@@ -33,7 +33,7 @@ const SponsorsSection: React.FC<SponsorsSectionProps> = ({ sponsors }) => {
 
     const mapSponsorLevel = (sponsorLevel: SponsorLevel, isStaff: boolean) => {
         if (sponsorLevel?.items?.length > 0)
-            return (<div>
+            return (<div key={sponsorLevel.id}>
                 <h4>
                     {sponsorLevel.name}
                 </h4>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -51,7 +51,7 @@ const Home = ({ speakers, sponsors, schedule }: HomePageProps) => {
   */}
 
       <div>
-        <section className={styles.MainSection}>
+        <section>
           <HomeHeader></HomeHeader>
           <CountdownTimer />
         </section>

diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
@@ -1,5 +1,5 @@
 .BgWrap {
-  height: 50%;
+  height: 26dvh;
   width: 100%;
   z-index: -1;
 }
@@ -96,28 +96,7 @@
   margin-top: 100px;
 }
 
-@media (max-width: 669px) {
-  .BgWrap {
-    height: 15%;
-  }
-
-  .MainSection {
-    height: 150dvh;
-  }
-}
-
-@media (max-width: 991.98px) {
-
-  .MainSection {
-    height: 130dvh;
-  }
-}
-
-
 @media (min-width: 992px) {
-  .BgWrap {
-    height: 70%;
-  }
 
   .MainInnerFullDescription {
     position: absolute;
@@ -126,15 +105,14 @@
     width: 30%;
   }
 
+  .BgWrap {
+    height: 70vh;
+  }
+
   .BgImageFull {
     height: 100%;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
   }
-
-  .MainSection {
-    height: 100dvh;
-    max-height: -webkit-fill-available;
-  }
 }