marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-19 05:59:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: style buttons

Browse Source
This commit is contained in:
Ibrahima G. Coulibaly
2025-02-25 13:41:57 +00:00
parent 6d19b4f25b
commit a1a333197b
2 changed files with 48 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
.idea/workspace.xml generated
View File

@@ -4,9 +4,8 @@
<option name="autoReloadType" value="SELECTIVE" />
</component>
<component name="ChangeListManager">
<list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="feat: ui changes">
<list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="fix: broken links">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/Dockerfile" beforeDir="false" afterPath="$PROJECT_DIR$/Dockerfile" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/ToolHeader.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/ToolHeader.tsx" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
@@ -258,31 +257,7 @@
<workItem from="1740348963270" duration="388000" />
<workItem from="1740399426653" duration="627000" />
<workItem from="1740459961271" duration="66000" />
<workItem from="1740460036909" duration="4540000" />
</task>
<task id="LOCAL-00064" summary="chore: loading screen">
<option name="closed" value="true" />
<created>1719360545177</created>
<option name="number" value="00064" />
<option name="presentableId" value="LOCAL-00064" />
<option name="project" value="LOCAL" />
<updated>1719360545177</updated>
</task>
<task id="LOCAL-00065" summary="chore: shuffle tools search">
<option name="closed" value="true" />
<created>1719363656541</created>
<option name="number" value="00065" />
<option name="presentableId" value="LOCAL-00065" />
<option name="project" value="LOCAL" />
<updated>1719363656541</updated>
</task>
<task id="LOCAL-00066" summary="refactor: toolOptions">
<option name="closed" value="true" />
<created>1719384439535</created>
<option name="number" value="00066" />
<option name="presentableId" value="LOCAL-00066" />
<option name="project" value="LOCAL" />
<updated>1719384439535</updated>
<workItem from="1740460036909" duration="8299000" />
</task>
<task id="LOCAL-00067" summary="feat: playwright">
<option name="closed" value="true" />
@@ -652,7 +627,31 @@
<option name="project" value="LOCAL" />
<updated>1740464250449</updated>
</task>
<option name="localTasksCounter" value="113" />
<task id="LOCAL-00113" summary="fix: tsc">
<option name="closed" value="true" />
<created>1740464642001</created>
<option name="number" value="00113" />
<option name="presentableId" value="LOCAL-00113" />
<option name="project" value="LOCAL" />
<updated>1740464642001</updated>
</task>
<task id="LOCAL-00114" summary="fix: readme">
<option name="closed" value="true" />
<created>1740468159111</created>
<option name="number" value="00114" />
<option name="presentableId" value="LOCAL-00114" />
<option name="project" value="LOCAL" />
<updated>1740468159111</updated>
</task>
<task id="LOCAL-00115" summary="fix: broken links">
<option name="closed" value="true" />
<created>1740488522618</created>
<option name="number" value="00115" />
<option name="presentableId" value="LOCAL-00115" />
<option name="project" value="LOCAL" />
<updated>1740488522618</updated>
</task>
<option name="localTasksCounter" value="116" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@@ -684,9 +683,6 @@
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
<option name="CHECK_NEW_TODO" value="false" />
<option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
<MESSAGE value="chore: jimp types" />
<MESSAGE value="fix: package.json" />
<MESSAGE value="feat: playwright report" />
<MESSAGE value="chore: idea config" />
<MESSAGE value="feat: sort list" />
<MESSAGE value="feat: find most popular ui" />
@@ -709,7 +705,10 @@
<MESSAGE value="fix: docs" />
<MESSAGE value="feat: funding" />
<MESSAGE value="feat: ui changes" />
<option name="LAST_COMMIT_MESSAGE" value="feat: ui changes" />
<MESSAGE value="fix: tsc" />
<MESSAGE value="fix: readme" />
<MESSAGE value="fix: broken links" />
<option name="LAST_COMMIT_MESSAGE" value="fix: broken links" />
</component>
<component name="XSLT-Support.FileAssociations.UIState">
<expand />

34
src/components/ToolHeader.tsx
View File

@@ -1,4 +1,4 @@
import { Box, Button } from '@mui/material';
import { Box, Button, styled, useTheme } from '@mui/material';
import Typography from '@mui/material/Typography';
import ToolBreadcrumb from './ToolBreadcrumb';
import { capitalizeFirstLetter } from '../utils/string';
@@ -6,6 +6,14 @@ import Grid from '@mui/material/Grid';
import { Icon, IconifyIcon } from '@iconify/react';
import { categoriesColors } from '../config/uiConfig';
const StyledButton = styled(Button)(({ theme }) => ({
backgroundColor: 'white',
'&:hover': {
backgroundColor: theme.palette.primary.main,
color: 'white'
}
}));
interface ToolHeaderProps {
title: string;
description: string;
@@ -14,37 +22,29 @@ interface ToolHeaderProps {
}
function ToolLinks() {
const theme = useTheme();
return (
<Grid container spacing={2} mt={1}>
<Grid item md={12} lg={4}>
<Button
<StyledButton
sx={{ backgroundColor: 'white' }}
fullWidth
variant="outlined"
href="#tool"
>
Use This Tool
</Button>
</StyledButton>
</Grid>
<Grid item md={12} lg={4}>
<Button
sx={{ backgroundColor: 'white' }}
fullWidth
variant="outlined"
href="#examples"
>
<StyledButton fullWidth variant="outlined" href="#examples">
See Examples
</Button>
</StyledButton>
</Grid>
<Grid item md={12} lg={4}>
<Button
sx={{ backgroundColor: 'white' }}
fullWidth
variant="outlined"
href="#tour"
>
<StyledButton fullWidth variant="outlined" href="#tour">
Learn How to Use
</Button>
</StyledButton>
</Grid>
</Grid>
);