Merge pull request #94 from LikeLionHGU/hwan_#83/Schedule_View

Hwan #83/schedule view

src/components/SchedulePage/Changing/InTraffic.jsx

@@ -0,0 +1,74 @@
+import styled from "styled-components";
+import InTrainImg from "../../../img/SkyTrain.svg";
+import InBusImg from "../../../img/Bus.svg";
+import Fadein from "../../AboutPage/About_fadin";
+
+const StyleContainer = styled.div`
+  background-color: black;
+  color: #ffffff;
+  padding: 0 4.5%;
+`;
+
+const Main = styled.div`
+  display: flex;
+
+  border-top: 1px solid #ffffff;
+  border-bottom: 1px solid #ffffff;
+  padding: 85px 0;
+`;
+
+const Left = styled.div`
+  font-size: 35px;
+`;
+
+const Right = styled.div`
+  width: 65%;
+
+  font-size: 18px;
+  display: flex;
+  justify-content: flex-end;
+`;
+
+const InTrafficImg = styled.img`
+  padding-bottom: 15px;
+`;
+
+const InTrainCard = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
+const InBusCard = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  padding-left: 130px;
+`;
+
+const InTrainText = styled.div``;
+
+const InBusText = styled.div``;
+
+export default function InTraffic() {
+  return (
+    <StyleContainer>
+      <Fadein>
+        <Main>
+          <Left>공항 터미널 이동 정보</Left>
+          <Right>
+            <InTrainCard>
+              <InTrafficImg src={InTrainImg} />
+              <InTrainText>Sky Train</InTrainText>
+            </InTrainCard>
+            <InBusCard>
+              <InTrafficImg src={InBusImg} />
+              <InBusText>Bus Shuttle Service</InBusText>
+            </InBusCard>
+          </Right>
+        </Main>
+      </Fadein>
+    </StyleContainer>
+  );
+}

src/components/SchedulePage/Changing/InView.jsx

@@ -11,8 +11,6 @@ const StyleContainer = styled.div`
 const TitleCover = styled.div`
   border-bottom: 1px solid white;
   padding-top: 130px;
-=======
-  
 
   font-family: EsaManru;
   font-size: 135px;

src/components/SchedulePage/InAirport.jsx

@@ -3,6 +3,7 @@ import ScheduleBanner1 from "./NoChanging/Schedule_Banner1";
 import ScheduleBanner2 from "./NoChanging/Schedule_Banner2";
 import ScheduleGridGreen from "./NoChanging/Schedule_Grid_Green";
 import ScheduleSlider from "./Changing/ScheduleSlider";
+import InTraffic from "./Changing/InTraffic";
 
 import Fadein from "../AboutPage/About_fadin"; //fadein ȿ��
 
@@ -21,6 +22,7 @@ function InAirport() {
       <Fadein>
         <ScheduleSlider />
       </Fadein>
+      <InTraffic />
     </>
   );
 }