Final polishing up
This commit is contained in:
@@ -72,7 +72,6 @@
|
|||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
gap: 17px;
|
gap: 17px;
|
||||||
flex: 1 0 0;
|
flex: 1 0 0;
|
||||||
align-self: stretch;
|
|
||||||
border-radius: var(--border-radius-none, 0px);
|
border-radius: var(--border-radius-none, 0px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,7 +8,13 @@ const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
|
|||||||
const grid = [];
|
const grid = [];
|
||||||
for (let i = 0; i < 13; i++) {
|
for (let i = 0; i < 13; i++) {
|
||||||
const row = [];
|
const row = [];
|
||||||
row.push(hoursOfDay[i]);
|
let hour = hoursOfDay[i];
|
||||||
|
row.push(<>
|
||||||
|
<div key={hour} className={styles.timeBlock}>
|
||||||
|
<div className={styles.timeLabelContainer}><p>{(hour % 12 === 0 ? 12 : hour % 12) + (hour < 12 ? ' AM' : ' PM')}</p></div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
row.push(Array.from({ length: 5 }, (_, j) => <CalendarCell key={j} />));
|
row.push(Array.from({ length: 5 }, (_, j) => <CalendarCell key={j} />));
|
||||||
grid.push(row);
|
grid.push(row);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user