diff --git a/src/assets/logo.svg b/src/assets/logo.svg index 0fd284fd..5436497a 100644 --- a/src/assets/logo.svg +++ b/src/assets/logo.svg @@ -1,13 +1,5 @@ - + 펀잇 로고 - - - - - - - - - + diff --git a/src/components/Common/Header/Header.tsx b/src/components/Common/Header/Header.tsx index 3278c15e..cf9125dd 100644 --- a/src/components/Common/Header/Header.tsx +++ b/src/components/Common/Header/Header.tsx @@ -1,19 +1,20 @@ import { Link } from 'react-router-dom'; -import { container } from './header.css'; +import { container, link } from './header.css'; import SvgIcon from '../Svg/SvgIcon'; import Logo from '@/assets/logo.svg'; import { PATH } from '@/constants/path'; +import { vars } from '@/styles/theme.css'; const Header = () => { return (
- + - - + +
); diff --git a/src/components/Common/Header/header.css.ts b/src/components/Common/Header/header.css.ts index 81cd7855..0cf38495 100644 --- a/src/components/Common/Header/header.css.ts +++ b/src/components/Common/Header/header.css.ts @@ -15,3 +15,9 @@ export const container = style({ transform: 'translateX(-50%)', zIndex: 1001, }); + +export const link = style({ + display: 'flex', + justifyContent: 'center', + alignItems: 'center', +});