Update SponsorList component layout and styles

AUSG · Sep 7, 2024 · 491b589 · 491b589
1 parent 13dd1a1
commit 491b589
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 19 deletions.
diff --git a/src/app/components/SponsorSection/SponsorList.tsx b/src/app/components/SponsorSection/SponsorList.tsx
@@ -7,24 +7,22 @@ import FadeIn from "../FadeIn";
 
 export default function FAQList() {
   return (
-    <FadeIn className="flex w-full justify-center px-4 pt-10">
-      <div className="grid w-full grid-cols-1 gap-8 tablet:grid-cols-2">
-        {sponsorList.map((sponsor) => (
-          <Link
-            key={sponsor.name}
-            href={sponsor.url}
-            target="_blank"
-            className="relative flex h-20 items-center justify-center rounded-xl bg-white/20 transition-colors hover:bg-white/30"
-          >
-            <Image
-              src={sponsor.image}
-              alt={sponsor.name}
-              fill
-              className="object-contain p-5"
-            />
-          </Link>
-        ))}
-      </div>
+    <FadeIn className="flex w-full flex-col items-center justify-center gap-8 pt-10">
+      {sponsorList.map((sponsor) => (
+        <Link
+          key={sponsor.name}
+          href={sponsor.url}
+          target="_blank"
+          className="relative flex aspect-auto h-28 w-48 items-center justify-center rounded-xl transition-transform tablet:h-32 tablet:w-60 tablet:hover:scale-105"
+        >
+          <Image
+            src={sponsor.image}
+            alt={sponsor.name}
+            fill
+            className="object-contain"
+          />
+        </Link>
+      ))}
     </FadeIn>
   );
 }
diff --git a/src/app/components/SponsorSection/index.tsx b/src/app/components/SponsorSection/index.tsx
@@ -26,7 +26,7 @@ export default function SponsorSection() {
       animate={inView ? "visible" : "hidden"}
       variants={container}
     >
-      <div className="container m-auto flex flex-col items-center py-44">
+      <div className="container m-auto flex flex-col items-center pt-44">
         <SectionTitle
           title="Sponsor"
           description={`AUSGCON을 후원해주신\n기업을 소개합니다`}