This commit is contained in:
vivek12311
2024-02-17 15:31:05 -06:00
4 changed files with 9 additions and 9 deletions

View File

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

Before

Width:  |  Height:  |  Size: 702 B

After

Width:  |  Height:  |  Size: 702 B

View File

@@ -95,7 +95,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 10px; // Adjust the gap as needed gap: 10px;
padding: 10px; padding: 10px;
margin-top: auto; margin-top: auto;
} }
@@ -103,25 +103,25 @@
.calendarButton { .calendarButton {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 5px; // Space between icon and text gap: 5px;
padding: 6px 6px; padding: 6px 6px;
border: none; border: none;
background-color: transparent; background-color: transparent;
color: #333; // Adjust based on your design color: #333;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: rgba(0, 0, 0, 0.1); // Adjust hover effect as desired background-color: rgba(0, 0, 0, 0.1);
} }
} }
.buttonIcon { .buttonIcon {
height: 24px; // Adjust size as needed height: 24px;
fill: currentColor; fill: currentColor;
} }
.divider { .divider {
height: 30px; // Adjust height as needed height: 30px;
width: 1px; width: 1px;
background-color: grey; // Adjust color as needed background-color: grey;
} }

View File

@@ -5,8 +5,8 @@ import { CalendarGridCourse } from 'src/views/hooks/useFlattenedCourseSchedule';
import CalendarCourseCell from '../CalendarCourseCell/CalendarCourseCell'; import CalendarCourseCell from '../CalendarCourseCell/CalendarCourseCell';
import { Chip } from '../Chip/Chip'; import { Chip } from '../Chip/Chip';
import styles from './CalendarGrid.module.scss'; import styles from './CalendarGrid.module.scss';
import calIcon from './cal.svg'; import calIcon from 'src/assets/icons/cal.svg';
import pngIcon from './png.svg'; import pngIcon from 'src/assets/icons/png.svg';
const daysOfWeek = Object.keys(DAY_MAP).filter(key => !['S', 'SU'].includes(key)); const daysOfWeek = Object.keys(DAY_MAP).filter(key => !['S', 'SU'].includes(key));
const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8); const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);