From ce172b9ba20708a8c3b2b2ec08d29cfba9c66fd8 Mon Sep 17 00:00:00 2001
From: jungmir <ham4051@gmail.com>
Date: Sat, 1 Jun 2024 16:47:12 +0900
Subject: [PATCH] Refactor: fix broken css when apply pico.css.

---
 src/components/Footer/index.tsx       | 7 ++++++-
 src/components/common/Page/style.scss | 4 ++++
 src/pages/Program/tutorial.tsx        | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 18c8945..3af781b 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -167,7 +167,7 @@ const Footer = () => {
 export default Footer;
 
 const Container = styled.div`
-  width: 100vw;
+  margin-top: 10vh;
 `;
 
 const Sponsors = styled.div`
@@ -180,6 +180,7 @@ const About = styled.div`
   height: 9rem;
   margin-bottom: 2.5rem;
   color: #FEBD99;
+  height: max-content;
 
   border-top: 1px solid black;
 
@@ -194,6 +195,10 @@ const About = styled.div`
     padding-left: 1%;
 
     & > table {
+      border: 1px;
+      td {
+        background-color: #090909 !important;
+      }
       tr > td:nth-of-type(2) {
         padding-left: 1.5rem;
       }
diff --git a/src/components/common/Page/style.scss b/src/components/common/Page/style.scss
index 4f1afa6..518d84a 100644
--- a/src/components/common/Page/style.scss
+++ b/src/components/common/Page/style.scss
@@ -32,6 +32,10 @@ div.cm-page {
 	min-height: 90vh;
 }
 
+span {
+	color: #C2C7D0;
+}
+
 .purple {
 	color: $purple;
 }
diff --git a/src/pages/Program/tutorial.tsx b/src/pages/Program/tutorial.tsx
index 5351daf..1826f0e 100644
--- a/src/pages/Program/tutorial.tsx
+++ b/src/pages/Program/tutorial.tsx
@@ -8,7 +8,7 @@ const TutorialPage = () => {
     return <Page title="튜토리얼">
         <h1>{t("PyCon Korea 2024 튜토리얼 진행자 모집")}</h1>
         <span>{t("PyCon Korea 2024 참가자 분들께 새로운 기술, 라이브러리를 전수해주실 진행자 분들을 모집합니다.")}</span>
-        <button>{t("지원하기")}</button>
+        <button className="secondary" style={{fontSize: "small", padding: "4px 8px"}}>{t("지원하기")}</button>
         <br/><br/>
         <h2>{t("튜토리얼이란?")}</h2>
         <span>{t("PyCon Korea의 튜토리얼은 파이썬에 대한 새로운 기술이나 라이브러리를 먼저 경험하신 분들로부터 직접 배울 수 있는 프로그램입니다. 이 곳에서는 현장에서 질문하고 해결하는 과정을 통해 해당 기술에 대해 깊이 있는 지식을 습득하게 됩니다.")}</span>