Merge pull request #7 from BCSDLab/feature/#5

[공통] 이미지경로 수정, favicon, title 추가
BCSDLab · Feb 11, 2024 · 34e12bd · 34e12bd
2 parents b8a59c7 + 2c175f3
commit 34e12bd
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -1,10 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="https://image.bcsdlab.com/banner2.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>BCSD Internal</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/assets/image/BCSD_logo-01.png b/src/assets/image/BCSD_logo-01.png
diff --git a/src/const/colors/style.ts b/src/const/colors/style.ts
@@ -0,0 +1,4 @@
+export const colors = {
+  gray: '#F9FAFB',
+  borderGray: '#e0e0e0'
+};
diff --git a/src/layout/DefaultLayout/index.tsx b/src/layout/DefaultLayout/index.tsx
@@ -5,7 +5,7 @@ export default function DefaultLayout() {
   return (
     <div css={S.container}>
       <div css={S.sideBar}>
-        <img src="/src/assets/image/BCSD_logo-01.png" alt="logo" css={S.logo} />
+        <img src="https://image.bcsdlab.com/banner.png" alt="logo" css={S.logo} />
         <Button variant="outlined" color="secondary" sx={{ marginTop: '20px' }}>회원정보</Button>
       </div>
       <div css={S.content}>

diff --git a/src/layout/DefaultLayout/style.ts b/src/layout/DefaultLayout/style.ts
@@ -1,24 +1,20 @@
 import {css} from '@emotion/react';
-
-const color = {
-  gray: '#F9FAFB',
-  borderGray: '#e0e0e0'
-};
+import {colors} from 'const/colors/style'
 
 export const sideBar = css`
   display: flex;
   flex-direction: column;
   width: 250px;
   height: 100vh;
-  background-color: ${color.gray};
-  border-right: 1px solid ${color.borderGray};
+  background-color: ${colors.gray};
+  border-right: 1px solid ${colors.borderGray};
 `;
 
 export const topBar = css`
   width: 100%;
   height: 100px;
-  background-color: ${color.gray};
-  border-bottom: 1px solid ${color.borderGray};
+  background-color: ${colors.gray};
+  border-bottom: 1px solid ${colors.borderGray};
 `;
 
 export const content = css`
@@ -30,7 +26,7 @@ export const content = css`
 
 export const container = css`
   display: flex;
-  background-color: ${color.gray};
+  background-color: ${colors.gray};
   width: 100%;
   height: 100%;
 `;