feat: 로고 수정

fun-eat · Apr 20, 2024 · f9bff43 · f9bff43
1 parent 8febefa
commit f9bff43
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 14 deletions.
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
diff --git 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 (
     <header className={container}>
-      <Link to={PATH.HOME}>
+      <Link to={PATH.HOME} className={link}>
         <Logo />
       </Link>
-      <Link to={PATH.SEARCH}>
-        <SvgIcon variant="search2" width={20} height={20} fill="none" stroke="#232527" />
+      <Link to={PATH.SEARCH} className={link}>
+        <SvgIcon variant="search2" width={20} height={20} fill={vars.colors.black} />
       </Link>
     </header>
   );

diff --git 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',
+});