gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update roadmap block color

Browse Source
This commit is contained in:
Kamran Ahmed
2021-11-22 17:30:10 +01:00
parent 269e9eb90b
commit 6a319fe6cc
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/roadmap/home-roadmap-item.tsx
View File

@ -11,17 +11,17 @@ type RoadmapGridItemProps = {
}; };
const bgColorList = [ const bgColorList = [
'blue.900', 'red.100',
'red.800', 'yellow.100',
'green.800', 'green.200',
'teal.800', 'teal.200',
'blue.800', 'blue.200',
'red.900', 'red.200',
'gray.900', 'gray.200',
'teal.800', 'teal.200',
'yellow.900', 'yellow.100',
'green.900', 'green.200',
'red.900' 'red.200'
]; ];
export function HomeRoadmapItem(props: RoadmapGridItemProps) { export function HomeRoadmapItem(props: RoadmapGridItemProps) {
@ -47,7 +47,7 @@ export function HomeRoadmapItem(props: RoadmapGridItemProps) {
</Tooltip> </Tooltip>
)} )}
<Heading fontSize={['17px', '17px', '22px']} mb='5px'>{title}</Heading> <Heading fontSize={['17px', '17px', '22px']} color={bgColorList[colorIndex]} mb='5px'>{title}</Heading>
<Text color='gray.200' fontSize={['13px']}>{subtitle}</Text> <Text color='gray.200' fontSize={['13px']}>{subtitle}</Text>
{isUpcoming && ( {isUpcoming && (