custom css 수정

This commit is contained in:
yoon 2025-02-22 14:03:39 +09:00
parent ac5cf6077c
commit ddea199e85

View File

@ -12,65 +12,49 @@
justify-content: center; justify-content: center;
gap: 10px; gap: 10px;
margin-top: 20px; margin-top: 20px;
} }
.half-day-buttons .btn.active { .half-day-buttons .btn.active {
border: 2px solid black; border: 2px solid black;
} }
.fc-daygrid-day-frame {
min-height: 80px !important; .fc-daygrid-day-events {
max-height: 120px !important;
overflow: hidden !important;
padding-top: 25px !important;
}
.fc-daygrid-day-events {
max-height: 100px !important; max-height: 100px !important;
overflow-y: auto !important; overflow-y: auto !important;
} }
.fc-daygrid-event {
position: absolute !important; .fc-event {
height: 20px !important; border: none;
width: 100% !important; }
left: 0 !important; .fc-daygrid-event-harness {
margin: 2px 0 !important;
padding: 0 !important;
border-radius: 2px !important;
border: none !important;
}
.fc-daygrid-event-harness {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
width: 100%; width: 100%;
gap: 22px; }
} .fc-daygrid-event.half-day-am {
.fc-daygrid-event.half-day-am {
width: 45% !important; width: 45% !important;
left: 0 !important; left: 0 !important;
} }
.fc-daygrid-event.half-day-pm { .fc-daygrid-event.half-day-pm {
width: 45% !important; width: 45% !important;
left: auto !important; left: auto !important;
right: 0 !important; right: 0 !important;
} }
.fc-daygrid-event.full-day { .fc-daygrid-event.full-day {
width: 100% !important; width: calc(100% - 4px) !important;
left: 0 !important; }
} .fc-day-sun .fc-daygrid-day-number,
.fc-day-sun .fc-daygrid-day-number, .fc-col-header-cell:first-child .fc-col-header-cell-cushion {
.fc-col-header-cell:first-child .fc-col-header-cell-cushion {
color: #ff4500 !important; color: #ff4500 !important;
} }
.fc-day-sat .fc-daygrid-day-number, .fc-day-sat .fc-daygrid-day-number,
.fc-col-header-cell:last-child .fc-col-header-cell-cushion { .fc-col-header-cell:last-child .fc-col-header-cell-cushion {
color: #6076e0 !important; color: #6076e0 !important;
} }
.fc-daygrid-day-number { .fc-daygrid-day-number {
position: absolute !important; margin-right: auto;
top: 0px !important; }
left: 5px !important;
text-align: left !important;
}
.grayscaleImg { .grayscaleImg {
filter: grayscale(100%); filter: grayscale(100%);