fix: layout파일 분리

SCBJ-7 · Jan 4, 2024 · c516857 · c516857
1 parent e671bbe
commit c516857
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,5 +1,5 @@
 import { Outlet } from "react-router-dom";
-import * as S from "./App.styled";
+import * as S from "./components/layout";
 
 function App() {
   return (

diff --git a/src/components/.gitkeep b/src/components/.gitkeep
diff --git a/src/App.styled.ts → src/components/layout/index.tsx b/src/App.styled.ts → src/components/layout/index.tsx
@@ -9,7 +9,7 @@ export const Container = styled.div`
   justify-content: center;
   align-items: center;
 
-  background-color: ${(props) => props.theme.color.greyScale6};
+  background-color: ${({ theme }) => theme.color.greyScale6};
 `;
 
 export const Wrapper = styled.div`
@@ -26,6 +26,6 @@ SHeader에 들어갈 컴포넌트 예시입니다.
 export const SHeader = styled.div`
   width: 100%;
   height: 56px;
-  background-color: ${(props) => props.theme.color.greyScale2};
+  background-color: ${({theme}) => theme.color.greyScale2};
 `;
 */