fix: 배경 이미지 수정

KUSITMS-29th-TEAM-B · May 23, 2024 · cfeaa3b · cfeaa3b
1 parent 52c8b65
commit cfeaa3b
Show file tree

Hide file tree

Showing 5 changed files with 103 additions and 6 deletions.
diff --git a/src/assets/images/background2.jpg b/src/assets/images/background2.jpg
diff --git a/src/assets/images/yearActiveCircle.svg b/src/assets/images/yearActiveCircle.svg
diff --git a/src/assets/images/yearActiveCircle2.png b/src/assets/images/yearActiveCircle2.png
diff --git a/src/components/Experience/YearCircle.tsx b/src/components/Experience/YearCircle.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { motion } from "framer-motion";
 import styled from "styled-components";
-import yearCircle from "../../assets/images/yearActiveCircle.png";
+import yearCircle from "../../assets/images/yearActiveCircle2.png";
 import { useRecoilState } from "recoil";
 import {
   deleteState,
@@ -144,9 +144,7 @@ const YearCircleContainer = styled(motion.div)<{ isActive: boolean }>`
   align-items: center;
   justify-content: center;
   background: ${({ isActive: isSelected }) =>
-    isSelected
-      ? `url(${yearCircle})`
-      : (props) => props.theme.colors.neutral200};
+    isSelected ? `url(${yearCircle})` :"#E5E6FF"};
   background-size: cover;
   top: -40px;
   cursor: pointer;

diff --git a/src/pages/ExperiencePage.tsx b/src/pages/ExperiencePage.tsx
@@ -9,7 +9,7 @@ import {
   subTagState,
   yearState,
 } from "../store/selectedStore";
-import backgroundImg from "../assets/images/background.jpg";
+import backgroundImg from "../assets/images/background2.jpg";
 import MainButton from "../components/common/MainButton";
 import { Plus } from "../assets";
 import KeywordTab from "../components/Experience/KeywordTab";
@@ -185,7 +185,6 @@ const MainContainer = styled.div`
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  // background-color: #fbfbfd;
   position: relative;
   background: url(${backgroundImg});
   background-size: cover;