30 lines
509 B
CSS
30 lines
509 B
CSS
.calendar-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: auto;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.calendar-grid {
|
|
width: 100%;
|
|
height: calc(100vh - 50px); /* Adjust based on your header height */
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr); /* 7 days */
|
|
}
|
|
|
|
.calendar-header {
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: white;
|
|
z-index: 10;
|
|
}
|
|
|
|
.calendar-time-slot {
|
|
min-height: 50px; /* Adjust as needed */
|
|
} |