Skip to content
Snippets Groups Projects
Commit 8426ea56 authored by Gaeon Kim's avatar Gaeon Kim
Browse files

feat: create 일정추가모달 css

parent 49c8dd8a
No related branches found
No related tags found
No related merge requests found
/* ScheduleModal.css (예시 파일명) */
.modal{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* 반투명한 배경 */
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal.open{
display: flex;
}
.modal_content {
background-color: white;
padding: 20px;
border-radius: 5px;
position: relative;
width: 300px;
}
label {
display: block;
margin-bottom: 5px;
}
input {
width: 100%;
margin-bottom: 10px;
padding: 8px;
box-sizing: border-box;
}
.save{
background-color:#8393BE;
margin-left:190px;
border:none;
color: white;
width: 50px;
height: 24px;
cursor: pointer;
border: none;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 그림자 추가 */
transition: background-color 0.3s, color 0.3s, transform 0.3s;
}
.cancel{
background-color:#F97E7E;
margin-left:10px;
border:none;
color: white;
width: 50px;
height: 24px;
cursor: pointer;
border: none;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 그림자 추가 */
transition: background-color 0.3s, color 0.3s, transform 0.3s;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment