Refactor: fix broken css when apply pico.css.

pythonkr · Jun 1, 2024 · ce172b9 · ce172b9
1 parent 04a962f
commit ce172b9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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>