casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor(CurriculumItem): migrate to mui Grid2

Browse Source
This commit is contained in:
m-tartari
2025-03-13 09:01:02 +00:00
parent 78ad111157
commit 4f395d64d1
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/molecules/CurriculumItem/CurriculumItem.tsx
+6 -6
View File
@@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import { Accordion, AccordionDetails, AccordionSummary, Box, Grid, Typography } from '@mui/material' import { Accordion, AccordionDetails, AccordionSummary, Box, Grid2 as Grid, Typography } from '@mui/material'
import { ExpandMore as ExpandIcon } from '@mui/icons-material' import { ExpandMore as ExpandIcon } from '@mui/icons-material'
interface CurriculumEntryProps { interface CurriculumEntryProps {
@@ -53,20 +53,20 @@ const CurriculumItem = (props: CurriculumEntryProps) => {
marginLeft: 2, marginLeft: 2,
}, },
}}> }}>
<Grid container direction="row" justifyContent="space-between" alignItems="stretch" display={{ xs: 'none', sm: 'flex' }}> <Grid container width={1} direction="row" justifyContent="space-between" alignItems="stretch" display={{ xs: 'none', sm: 'flex' }}>
<Grid item xs={9} component={Typography} variant="h6"> <Grid component={Typography} size={9} variant="h6">
<b>{props.title}</b> <b>{props.title}</b>
</Grid> </Grid>
<Grid item xs={3} component={Typography} variant="h6" color="primary.main" textAlign="right"> <Grid component={Typography} size={3} variant="h6" color="primary.main" textAlign="right">
{props.dates} {props.dates}
</Grid> </Grid>
{typeof props.company !== 'undefined' && ( {typeof props.company !== 'undefined' && (
<Grid item xs={9} component={Typography} variant="overline" color="text.secondary"> <Grid component={Typography} size={9} variant="overline" color="text.secondary">
{props.company} {props.company}
</Grid> </Grid>
)} )}
{typeof props.location !== 'undefined' && ( {typeof props.location !== 'undefined' && (
<Grid item xs={3} component={Typography} variant="subtitle1" color="text.secondary" textAlign="right"> <Grid component={Typography} size={3} variant="subtitle1" color="text.secondary" textAlign="right">
<em>{props.location}</em> <em>{props.location}</em>
</Grid> </Grid>
)} )}