refactor(header): move title to right

NewWays-TechForImpactKAIST · Nov 16, 2023 · 11af812 · 11af812
1 parent d7bf5c8
commit 11af812
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/src/components/organisms/Footer.tsx b/src/components/organisms/Footer.tsx
@@ -1,4 +1,4 @@
-import { Typography, Layout, Flex, Col, Row } from "antd";
+import { Col, Flex, Layout, Row, Typography } from "antd";
 
 import { SNSHomepage, SNSInstagram, SNSLinkedin, SNSYoutube } from "@/assets";
 
@@ -54,7 +54,7 @@ const FooterLinks = () => (
 );
 
 const NewwaysFooter = () => (
-  <Footer style={{ textAlign: "center" }}>
+  <Footer style={{ textAlign: "start" }}>
     <Row justify="center">
       <Col span={16}>
         <Flex vertical align="start" gap="large">

diff --git a/src/components/organisms/Header.tsx b/src/components/organisms/Header.tsx
@@ -1,11 +1,29 @@
-import { Layout } from "antd";
+import { Col, Layout, Row } from "antd";
+import { css } from "@emotion/react";
 import { NewWaysLogo } from "@/assets";
 
 const { Header } = Layout;
 
 const NewwaysHeader = () => (
-  <Header style={{ display: "flex", alignItems: "center" }}>
-    <NewWaysLogo />
+  <Header>
+    <Row
+      justify="center"
+      align="stretch"
+      css={css`
+        height: 100%;
+      `}
+    >
+      <Col
+        css={css`
+          display: flex;
+          justify-content: start;
+          align-items: center;
+        `}
+        span={16}
+      >
+        <NewWaysLogo />
+      </Col>
+    </Row>
   </Header>
 );