Skip to content
Snippets Groups Projects
Commit 0ce4f123 authored by 준현 강's avatar 준현 강
Browse files

[EDIT] CSS수정

parent 09faa4d8
No related branches found
No related tags found
No related merge requests found
......@@ -20,8 +20,14 @@ function PasswordModal({ isOpen, onRequestClose, onSubmit }) {
bottom: "auto",
marginRight: "-50%",
transform: "translate(-50%, -50%)",
padding: "20px 20px 0 20px",
},
};
const buttonContainerStyle = {
display: "flex",
justifyContent: "center",
marginTop: "30px",
};
return (
<Modal
......@@ -30,15 +36,22 @@ function PasswordModal({ isOpen, onRequestClose, onSubmit }) {
contentLabel="비밀번호 입력"
style={customStyles}
>
<h2>관리자 비밀번호를 입력하세요</h2>
<h2 style={{ justifyContent: "center" }}>관리자 비밀번호를 입력하세요</h2>
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
placeholder="비밀번호"
style={{ margin: "15px 0 0 0" }}
/>
<button onClick={handleSubmit}>확인</button>
<button onClick={onRequestClose}>취소</button>
<div style={buttonContainerStyle}>
<button onClick={handleSubmit} style={{ margin: "0 10px" }}>
확인
</button>
<button onClick={onRequestClose} style={{ margin: "0 10px" }}>
취소
</button>
</div>
</Modal>
);
}
......
......@@ -238,7 +238,7 @@ export default function ResultEndForm() {
const timeIndex = dateTime.slice(lastIndex + 1);
return (
<label key={index}>
<label key={index} className="radio-label">
<input
type="radio"
name="date"
......
.calendar-container {
margin-top: 20px;
width: 100%;
background-color: #5fbdff;
}
.button-container {
display: flex;
......
......@@ -7,6 +7,15 @@
padding: 0;
width: 100%;
}
.form-container label {
display: flex;
align-items: center; /* 라디오 버튼과 텍스트를 세로 중앙에 맞춤 */
margin: 20px 0; /* 라벨 간에 여백을 추가 */
}
.form-container input[type="radio"] {
margin-right: 10px; /* 라디오 버튼과 텍스트 사이의 공간 조정 */
width: 20%;
}
.calendar {
border: 1px solid;
......
......@@ -14,6 +14,10 @@
display: flex;
flex-direction: row;
justify-content: center;
border-top: 2px solid #5fbdff; /* 기본 구분선 */
box-shadow: 0px 1px 5px rgba(95, 189, 255, 0.5); /* 구분선에 그림자 효과 추가 */
padding-top: 20px;
margin-top: 30px;
}
.mostTime {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment