Merge pull request #70 from go-cham/dev

style: 배경 이미지 변경
go-cham · Aug 9, 2023 · 641891a · 641891a
2 parents 2e02021 + 5bc3d65
commit 641891a
Show file tree

Hide file tree

Showing 8 changed files with 3,781 additions and 17 deletions.
diff --git a/.env.local b/.env.local
@@ -12,3 +12,4 @@ REACT_APP_KAKAO_REDIRECT_API=http://localhost:3000/login/oauth/kakao
 #REACT_APP_KAKAO_REDIRECT_API=http://192.168.43.23:3000/login/oauth/kakao
 REACT_APP_BASE_URL=http://localhost:3000
 REACT_APP_KAKAO_JAVASCRIPT_KEY=1a95ea62a617e7f7c689a4f71854b2d4
+ESLINT_NO_DEV_ERRORS=true
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
@@ -1,18 +1,24 @@
-import BackgroundText from '@/images//backgroundText.svg';
+import character from '@/images/background/character.svg';
+import text from '@/images/background/text.svg';
 
 interface LayoutProps {
   children: React.ReactNode;
 }
 
 export default function Layout({ children }: LayoutProps) {
   return (
-    <div className="flex h-full w-screen overflow-hidden bg-without-character bg-cover bg-center">
+    <div className="flex h-full w-screen overflow-hidden  bg-[#f5f5f5] bg-cover bg-center ">
       <img
-        src={BackgroundText}
-        alt="백그라운드 텍스트"
-        className="fixed left-[10rem] top-[10rem] hidden h-[39.3rem] w-[43.5rem] xl:block"
+        src={text}
+        alt="text"
+        className="fixed left-[5.5%] top-[8rem] z-10 hidden w-[40rem] xl:block"
       />
-      <div className="relative mx-auto h-full w-full max-w-[43rem] bg-background-mainBg-0 xl:left-[25rem]">
+      <img
+        src={character}
+        alt="character"
+        className="fixed bottom-0 left-0 hidden w-[45%] xl:block"
+      />
+      <div className="relative mx-auto h-full w-full max-w-[43rem] bg-background-mainBg-0  xl:left-[25rem]">
         {children}
       </div>
     </div>

diff --git a/src/images/background.png b/src/images/background.png
diff --git a/src/images/background/character.svg b/src/images/background/character.svg
diff --git a/src/images/background/text.svg b/src/images/background/text.svg
diff --git a/src/images/backgroundText.svg b/src/images/backgroundText.svg
diff --git a/src/images/background_nocharVer.png b/src/images/background_nocharVer.png
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -108,10 +108,6 @@ module.exports = {
         header: '0 0.33000001311302185px 0 0 rgba(34, 34, 34, 0.30)',
         dropdown: '0 4px 16px 0 rgba(42, 45, 55, 0.12)',
       },
-      backgroundImage: {
-        'with-character': "url('src/images/background.png')",
-        'without-character': "url('src/images/background_nocharVer.png')",
-      },
       fontFamily: {
         pretendard: ['Pretendard', ...fontFamily.sans],
       },