From 9ae95cb242bbd519f1e3bf61d30eefe79719a765 Mon Sep 17 00:00:00 2001
From: gilyeon00 <12venus08@naver.com>
Date: Tue, 30 May 2023 15:15:47 +0900
Subject: [PATCH] =?UTF-8?q?[#95]Chore:=20EventForm=EC=97=90=20=20Header=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/event/eventForm/EventForm.jsx     | 4 ++++
 src/components/event/eventHeader/EventHeader.jsx | 6 +++---
 src/components/event/rouletteGame.css            | 6 +++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/event/eventForm/EventForm.jsx b/src/components/event/eventForm/EventForm.jsx
index 88defe1..b02553c 100644
--- a/src/components/event/eventForm/EventForm.jsx
+++ b/src/components/event/eventForm/EventForm.jsx
@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import "./eventForm.css";
 import { useNavigate } from 'react-router-dom';
 import Select from 'react-select'
+import Header from '../../header/Header'
 
 const EventForm = () => {
 
@@ -56,6 +57,8 @@ const sociability = sociabilityInput.value;
     };
 
   return (
+    <> 
+    <Header/>
     <div className="event-gpt-container">
       <div className='eventForm'>
         <div className='form-container'>  
@@ -251,6 +254,7 @@ const sociability = sociabilityInput.value;
         </div>
       </div>
     </div>
+    </>
   );
 };
 
diff --git a/src/components/event/eventHeader/EventHeader.jsx b/src/components/event/eventHeader/EventHeader.jsx
index 492159b..221aadd 100644
--- a/src/components/event/eventHeader/EventHeader.jsx
+++ b/src/components/event/eventHeader/EventHeader.jsx
@@ -5,14 +5,14 @@ const EventHeader = ({isGpt}) => {
     const backgroundColor = isGpt ? "#DD5475" : "#E7A7F5";
 
     return (
-        <div className='eventHeader' style={{ backgroundColor: backgroundColor }}>
+        <div className='eventList-Header' style={{ backgroundColor: backgroundColor, color: "#fff"}}>
             
                 { isGpt ?
                     <div className='titleBox gpt'>
                         <img src={`${process.env.PUBLIC_URL}/assets/images/event/eventchart.png`} alt='' />
                         <div className='textBox'>
-                            <h1>금주의 이벤트 ! - “투자 성향 파악해보기</h1>
-                            <h3>이벤트를 완료하면 ... 최대 10,000원을 받을 수도.... !</h3>
+                            <p className='event-title'>금주의 이벤트 ! - “투자 성향 파악해보기</p>
+                            <p className='event-des'>이벤트를 완료하면 ... 최대 10,000원을 받을 수도.... !</p>
                         </div>
                     </div>
                         :
diff --git a/src/components/event/rouletteGame.css b/src/components/event/rouletteGame.css
index b4276f1..8276382 100644
--- a/src/components/event/rouletteGame.css
+++ b/src/components/event/rouletteGame.css
@@ -5,15 +5,15 @@
 
 .roll-arrow{
 	position: absolute;
-	top: 6%;
+	top: 8%;
 	left: 21.6%;
-	width: 50px;
+	width: 55px;
 	z-index: 100;
 }
 
 .roll-img{
 	position: absolute;
-	top: 13%;
+	top: 16%;
 	left: 1.5%;
 	width: 44%;
 	z-index: 100;