후원자 추가 (#64)

* 후원자 추가 * 후원자 추가 및 레이아웃 수정
wafflestudio · Jan 7, 2025 · 46c0453 · 46c0453
1 parent 37bf5ad
commit 46c0453
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/components/Home/Support/Support.module.scss b/components/Home/Support/Support.module.scss
@@ -68,7 +68,7 @@
       align-items: center;
       background-color: white;
       position: absolute;
-      top: 0;
+      top: 16px; // 맥북 화면에서 상단 텍스트 잘림
 
       .description {
         @include responsive.fontSize(14px, 18px, 24px);
@@ -89,17 +89,21 @@
         @include font.pretendard;
         position: relative;
         display: flex;
-        width: 50%;
+        width: 80%;
         justify-content: space-between;
+        padding-bottom: 8px;
         z-index: 10;
         .sponsor {
-          @include responsive.fontSize(14px, 21px, 32px);
+          @include responsive.fontSize(14px, 21px, 28px);
           color: #323232;
           font-weight: 600;
           line-height: 180%; /* 57.6px */
           letter-spacing: 1.28px;
         }
       }
+      .around {
+        justify-content: space-around;
+      }
     }
     .bottom {
       width: 100%;
@@ -176,6 +180,7 @@
     .foreground {
       .sponsorship {
         position: relative;
+        top: 0; // 맥북 화면에서 상단 텍스트 잘림
       }
       .description {
         font-weight: 500;

diff --git a/components/Home/Support/Support.tsx b/components/Home/Support/Support.tsx
@@ -33,11 +33,21 @@ export default function Support() {
           />
           <div className={styles.title}>Thanks to</div>
           <div className={styles.sponsors}>
+            <div className={styles.sponsor}>한재화</div>
+            <div className={styles.sponsor}>김택민</div>
+            <div className={styles.sponsor}>김지환</div>
             <div className={styles.sponsor}>김진억</div>
             <div className={styles.sponsor}>박면규</div>
-            <div className={styles.sponsor}>한재화</div>
             <div className={styles.sponsor}>이승찬</div>
           </div>
+
+          <div className={`${styles.sponsors} ${styles.around}`}>
+            <div className={styles.sponsor}>김지호</div>
+            <div className={styles.sponsor}>이인용</div>
+            <div className={styles.sponsor}>김정은</div>
+            <div className={styles.sponsor}>김광래</div>
+            <div className={styles.sponsor}>이종민</div>
+          </div>
         </div>
         <div className={styles.bottom}>
           <div className={cx("contact")}>
@@ -85,7 +95,7 @@ export default function Support() {
                 </div>
                 <div className={styles.row}>
                   <span className={cx("label")}>와플 동아리장</span>
-                  snjlee58@snu.ac.kr
+                  eastshine@snu.ac.kr
                 </div>
               </div>
             </div>