From 61339b48ebb896c4f71cf30879bcfd9436f67e2e Mon Sep 17 00:00:00 2001
From: mindongmindong <dcmin123@ajou.ac.kr>
Date: Sat, 9 Dec 2023 11:35:36 +0900
Subject: [PATCH] [EDIT]CSS
---
react-whenMeet/package.json | 2 +-
react-whenMeet/src/components/HomeMakeForm.js | 4 ++--
react-whenMeet/src/components/HomeParticipateForm.js | 2 +-
react-whenMeet/src/components/MeetingInfoForm.js | 2 +-
react-whenMeet/src/routes/MeetingInfo.js | 2 +-
react-whenMeet/src/routes/UserTimeInfo.js | 2 +-
react-whenMeet/src/styles/HomeMake.css | 5 +++--
react-whenMeet/src/styles/HomeParticipateForm.css | 2 +-
react-whenMeet/src/styles/MeetingInfo.css | 2 +-
react-whenMeet/src/styles/UserTimeInfo.css | 2 +-
10 files changed, 13 insertions(+), 12 deletions(-)
diff --git a/react-whenMeet/package.json b/react-whenMeet/package.json
index 600f87f..dafb6ea 100644
--- a/react-whenMeet/package.json
+++ b/react-whenMeet/package.json
@@ -19,7 +19,7 @@
"web-vitals": "^2.1.4"
},
"scripts": {
- "start": "export PORT=3001 && react-scripts start",
+ "start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
diff --git a/react-whenMeet/src/components/HomeMakeForm.js b/react-whenMeet/src/components/HomeMakeForm.js
index 6656322..42755ae 100644
--- a/react-whenMeet/src/components/HomeMakeForm.js
+++ b/react-whenMeet/src/components/HomeMakeForm.js
@@ -18,14 +18,14 @@ function HomeMakeForm() {
const handleSubmit = (event) => {
event.preventDefault();
- navigate("/MeetingInfo", {state : {title, password}});
+ navigate("/MeetingInfo", { state: { title, password } });
};
const isFormValid = title.trim() !== "" && password.trim() !== "";
return (
<form onSubmit={handleSubmit}>
- <div className="system-name">언제모임?</div>
<div className="center-container">
+ <div className="system-name">언제모임?</div>
<h1>원하는 약속을 만들어보세요</h1>
<Input
type="text"
diff --git a/react-whenMeet/src/components/HomeParticipateForm.js b/react-whenMeet/src/components/HomeParticipateForm.js
index c3470bf..6a3cbbd 100644
--- a/react-whenMeet/src/components/HomeParticipateForm.js
+++ b/react-whenMeet/src/components/HomeParticipateForm.js
@@ -187,7 +187,7 @@ function HomeParticipateForm() {
<form>
<div>
<h1>투표에 참여하기</h1>
- <h2> 아이디가 없다면 아래 양식에 맞춰 작성 후 참여하기를 누르세요</h2>
+ <h2 className="h2"> 아이디가 없다면 아래 양식에 맞춰 작성 후 참여하기를 누르세요</h2>
<Input
type="text"
value={name}
diff --git a/react-whenMeet/src/components/MeetingInfoForm.js b/react-whenMeet/src/components/MeetingInfoForm.js
index 8b98be7..34cfe38 100644
--- a/react-whenMeet/src/components/MeetingInfoForm.js
+++ b/react-whenMeet/src/components/MeetingInfoForm.js
@@ -90,7 +90,7 @@ function MeetingInfoForm() {
};
return (
<form onSubmit={handleSubmit}>
- <div className="center-container">
+ <div className="center-container2">
<h1>약속 일정 만들기</h1>
<div className="purpose">
<h2 className="not-enter">약속 목적 </h2>
diff --git a/react-whenMeet/src/routes/MeetingInfo.js b/react-whenMeet/src/routes/MeetingInfo.js
index af7e843..1c80319 100644
--- a/react-whenMeet/src/routes/MeetingInfo.js
+++ b/react-whenMeet/src/routes/MeetingInfo.js
@@ -4,7 +4,7 @@ import '../styles/MeetingInfo.css'
function MeetingInfo() {
return (
- <div className="center-container">
+ <div>
<MeetingInfoForm />
</div>
);
diff --git a/react-whenMeet/src/routes/UserTimeInfo.js b/react-whenMeet/src/routes/UserTimeInfo.js
index 82d223a..69275e5 100644
--- a/react-whenMeet/src/routes/UserTimeInfo.js
+++ b/react-whenMeet/src/routes/UserTimeInfo.js
@@ -194,7 +194,7 @@ function UserTimeInfo() {
};
return (
- <div className="center-container">
+ <div className="center-container2">
<div className="calendarForm">
<div className="cc1">
<button
diff --git a/react-whenMeet/src/styles/HomeMake.css b/react-whenMeet/src/styles/HomeMake.css
index 91c9efc..d2114b5 100644
--- a/react-whenMeet/src/styles/HomeMake.css
+++ b/react-whenMeet/src/styles/HomeMake.css
@@ -27,9 +27,10 @@ h1 {
.center-container {
display: flex;
- flex-direction: column; /* 세로 방향으로 정렬 */
+ flex-direction: column;
align-items: center;
- height: 100vh;
+ justify-content: center; /* Add this line to center vertically */
+ min-height: 100vh;
}
input {
diff --git a/react-whenMeet/src/styles/HomeParticipateForm.css b/react-whenMeet/src/styles/HomeParticipateForm.css
index 3bb9709..e476dc0 100644
--- a/react-whenMeet/src/styles/HomeParticipateForm.css
+++ b/react-whenMeet/src/styles/HomeParticipateForm.css
@@ -1,4 +1,4 @@
-h2 {
+h2.h2{
font-size: 12px;
font-weight: lighter;
}
\ No newline at end of file
diff --git a/react-whenMeet/src/styles/MeetingInfo.css b/react-whenMeet/src/styles/MeetingInfo.css
index 0202e5d..59ff1c1 100644
--- a/react-whenMeet/src/styles/MeetingInfo.css
+++ b/react-whenMeet/src/styles/MeetingInfo.css
@@ -9,7 +9,7 @@ body {
padding: 0px;
}
-.center-container {
+.center-container2 {
display: flex;
flex-direction: column; /* 세로 방향으로 정렬 */
align-items: center;
diff --git a/react-whenMeet/src/styles/UserTimeInfo.css b/react-whenMeet/src/styles/UserTimeInfo.css
index d64bea4..c974ae6 100644
--- a/react-whenMeet/src/styles/UserTimeInfo.css
+++ b/react-whenMeet/src/styles/UserTimeInfo.css
@@ -4,7 +4,7 @@
padding: 20px;
text-align: center;
align-items: stretch;
- width: auto;
+ width: 40%;
margin: 0 auto; /* 가운데 정렬을 위한 추가 */
}
.calendarForm .calendar {
--
GitLab