Improve styling

This commit is contained in:
Yihao Wang
2025-07-14 13:35:48 +12:00
parent 989aa7958e
commit a50028e1fb

View File

@@ -151,7 +151,7 @@ export default function Hero() {
<Stack
direction={'row'}
alignItems={'center'}
justifyContent={'stretch'}
justifyContent={'space-between'}
width={'100%'}
>
<Stack direction={'row'} spacing={2} alignItems={'center'}>
@@ -170,6 +170,11 @@ export default function Hero() {
toggleBookmarked(option);
setBookmarkedToolPaths(getBookmarkedToolPaths());
}}
color={
isBookmarked(option)
? theme.palette.primary.main
: theme.palette.grey[500]
}
icon={
isBookmarked(option)
? 'mdi:bookmark'
@@ -185,6 +190,9 @@ export default function Hero() {
}
}}
/>
{bookmarkedToolPaths.length > 0 && (
<Typography fontSize={{ xs: 20, md: 25 }}>Bookmarked tools:</Typography>
)}
<Grid container spacing={2} mt={2}>
{displayedTools.map((tool) => (
<Grid