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

Reverted CalendarGrid and CalendarGridCell back to SCSS from Tailwind

Browse Source
This commit is contained in:
Vinson Zheng
2024-02-17 11:54:50 -06:00
parent 0f14b8ce1b
commit ba22ba427c
4 changed files with 148 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss Normal file
View File

@@ -0,0 +1,18 @@
.calendarCell {
display: flex;
width: 213.8px;
height: 44.769px;
min-width: 45px;
min-height: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border: 1px solid #dadce0;
}
.hourLine {
width: 213.8px;
height: 1px;
border-radius: var(--border-radius-none, 0px);
background: rgba(218, 220, 224, 0.25);
}

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

@@ -1,15 +1,14 @@
import React from 'react';
import styles from './CalendarGridCell.module.scss';
/**
* Component representing each 1 hour time block of a calendar
* @param props
* @param props
*/
const CalendarCell: React.FC = (props) => {
return (
<div className="flex w-56 h-12 min-w-12 min-h-10 flex-col justify-center items-start border border-gray-300">
<div className="w-full h-1 border-none rounded-none bg-gray-300 bg-opacity-25"></div>
const CalendarCell: React.FC = props => (
<div className={styles.calendarCell}>
<div className={styles.hourLine} />
</div>
);
};
);
export default CalendarCell;