DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Camelcase conversion for css modules

Browse Source
This commit is contained in:
Derek Chen
2024-02-02 20:27:18 -06:00
parent 9854c9aafa
commit b0dec80364
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/components/common/CalendarGrid/CalendarGrid.module.scss
View File

@@ -2,7 +2,7 @@
--Primary-Colors-Burnt-Orange: #BF5700; --Primary-Colors-Burnt-Orange: #BF5700;
} }
.day-label-container { .dayLabelContainer {
display: flex; display: flex;
height: 13px; height: 13px;
min-width: 40px; min-width: 40px;
@@ -14,7 +14,7 @@
flex: 1 0 0; flex: 1 0 0;
} }
.day-label { .dayLabel {
color: var(--Primary-Colors-Burnt-Orange); color: var(--Primary-Colors-Burnt-Orange);
text-align: center; text-align: center;
font-family: Roboto; font-family: Roboto;
@@ -30,13 +30,13 @@
gap: 10px; gap: 10px;
} }
.day { .dayy {
display: grid; display: grid;
grid-template-columns: auto repeat(14, 1fr); grid-template-columns: auto repeat(14, 1fr);
gap: 5px; gap: 5px;
} }
.time-block { .timeBlock {
display: flex; display: flex;
width: 50px; width: 50px;
height: 40.279px; height: 40.279px;
@@ -48,7 +48,7 @@
align-items: flex-end; align-items: flex-end;
} }
.time-label-container { .timeLabelContainer {
display: flex; display: flex;
max-height: 20px; max-height: 20px;
flex-direction: column; flex-direction: column;

2
src/views/components/common/CalendarGrid/CalendarGrid.tsx
View File

@@ -2,7 +2,7 @@ import React from 'react';
import styles from './CalendarGrid.module.scss'; import styles from './CalendarGrid.module.scss';
import CalendarCell from '../CalendarGridCell/CalendarGridCell'; import CalendarCell from '../CalendarGridCell/CalendarGridCell';
const Calendar: React.FC = () => { const Calendar: React.FC = (props) => {
const daysOfWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday']; const daysOfWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'];
const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8); const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);

4
src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
View File

@@ -1,4 +1,4 @@
.calendar-cell { .calendarCell {
display: flex; display: flex;
width: 165px; width: 165px;
height: 52.231px; height: 52.231px;
@@ -10,7 +10,7 @@
position: relative; position: relative;
} }
.hour-line { .hourLine {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;

2
src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import styles from './CalendarGridCell.module.scss'; import styles from './CalendarGridCell.module.scss';
const CalendarCell: React.FC = () => { const CalendarCell: React.FC = (props) => {
return ( return (
<div className={styles['calendar-cell']}> <div className={styles['calendar-cell']}>
<div className={styles['hour-line']}></div> <div className={styles['hour-line']}></div>