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

[EDIT] CSS수정

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