feat: add timeAndGrid div

This commit is contained in:
2024-02-05 22:24:20 -06:00
committed by doprz
parent 9d6821127e
commit 95e0544b73
2 changed files with 17 additions and 12 deletions

View File

@@ -40,6 +40,10 @@
line-height: normal; line-height: normal;
} }
.timeAndGrid {
display: flex;
}
.timeColumn { .timeColumn {
display: flex; display: flex;
min-height: 573px; min-height: 573px;

View File

@@ -31,6 +31,7 @@ const Calendar: React.FC = (props) => {
))} ))}
</div> </div>
{/* Displaying the rest of the calendar */} {/* Displaying the rest of the calendar */}
<div className={styles.timeAndGrid}>
<div className={styles.timeColumn}> <div className={styles.timeColumn}>
{hoursOfDay.map((hour) => ( {hoursOfDay.map((hour) => (
<div key={hour} className={styles.timeLabelContainer}> <div key={hour} className={styles.timeLabelContainer}>
@@ -43,7 +44,7 @@ const Calendar: React.FC = (props) => {
row row
))} ))}
</div> </div>
</div>
</div> </div>
) )
}; };