marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-20 06:29:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve styling

Browse Source
This commit is contained in:
Yihao Wang
2025-07-14 13:35:48 +12:00
parent 989aa7958e
commit a50028e1fb
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Hero.tsx
View File

@@ -151,7 +151,7 @@ export default function Hero() {
<Stack <Stack
direction={'row'} direction={'row'}
alignItems={'center'} alignItems={'center'}
justifyContent={'stretch'} justifyContent={'space-between'}
width={'100%'} width={'100%'}
> >
<Stack direction={'row'} spacing={2} alignItems={'center'}> <Stack direction={'row'} spacing={2} alignItems={'center'}>
@@ -170,6 +170,11 @@ export default function Hero() {
toggleBookmarked(option); toggleBookmarked(option);
setBookmarkedToolPaths(getBookmarkedToolPaths()); setBookmarkedToolPaths(getBookmarkedToolPaths());
}} }}
color={
isBookmarked(option)
? theme.palette.primary.main
: theme.palette.grey[500]
}
icon={ icon={
isBookmarked(option) isBookmarked(option)
? 'mdi:bookmark' ? '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}> <Grid container spacing={2} mt={2}>
{displayedTools.map((tool) => ( {displayedTools.map((tool) => (
<Grid <Grid