diff --git a/src/components/Main/Header.jsx b/src/components/Main/Header.jsx index 259238e..f56bfdb 100644 --- a/src/components/Main/Header.jsx +++ b/src/components/Main/Header.jsx @@ -1,9 +1,9 @@ /** Main page */ -import React from 'react'; -import styled from 'styled-components'; import { NavigationLeftIc } from '@assets'; import mainTitle from '@assets/images/mainTitle.png'; +import React from 'react'; import { Link } from 'react-router-dom'; +import styled from 'styled-components'; const Header = () => { return ( @@ -25,8 +25,7 @@ const St = { align-items: center; gap: 7.78rem; height: 4.9rem; - background-color: transparent; - padding: 0 1.8rem; + padding: 1.2rem 1.8rem; `, TitleImg: styled.img` diff --git a/src/pages/Main/Main.jsx b/src/pages/Main/Main.jsx index 9d9a8a9..142d8f3 100644 --- a/src/pages/Main/Main.jsx +++ b/src/pages/Main/Main.jsx @@ -1,11 +1,11 @@ -import React, { useEffect, useState } from 'react'; -import styled from 'styled-components'; +import reqAPI from '@api/reqAPI'; import { MainWriteIc, NavigationRightIc } from '@assets'; import mainImg from '@assets/images/mainImg@2x.png'; import Header from '@components/Main/Header'; import useRouter from '@hooks/useRouter'; import calculateDate from '@utils/CalculateDate'; -import reqAPI from '@api/reqAPI'; +import React, { useEffect, useState } from 'react'; +import styled from 'styled-components'; /** Main page */ const Main = () => { @@ -37,7 +37,6 @@ const Main = () => { return ( -
내일을 기대하는 사람이 @@ -78,13 +77,11 @@ const St = { flex-direction: column; align-items: center; background-image: url('background.png'); + background-size: contain; background-repeat: no-repeat; background-color: ${({ theme }) => theme.colors.black}; `, - RemainContainer: styled.div` - height: 4.4rem; - `, CountWrapper: styled.div` display: flex; justify-content: center;