feat: add CSS for timeLabelContainer div

Longhorn-Developers · Mar 6, 2024 · 56f6456 · 56f6456
1 parent 95e0544
commit 56f6456
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -34,8 +34,10 @@ const Calendar: React.FC = (props) => {
       <div className={styles.timeAndGrid}>
         <div className={styles.timeColumn}>
           {hoursOfDay.map((hour) => (
-            <div key={hour} className={styles.timeLabelContainer}>
-              <span>{hour % 12 === 0 ? 12 : hour % 12}:00 {hour < 12 ? 'AM' : 'PM'}</span>
+            <div key={hour} className={styles.timeBlock}>
+              <div className={styles.timeLabelContainer}>
+                <p>{hour % 12 === 0 ? 12 : hour % 12}:00 {hour < 12 ? 'AM' : 'PM'}</p>
+              </div>
             </div>
           ))}
         </div>