[#95]Chore: EventForm에 Header 추가

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>
+    </>
   );
 };
 

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>
                         :

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;