PatAlcala9/aio-tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added color converter icon to card component

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-06-04 15:51:13 +08:00
parent a582bb58aa
commit d8b81a8674
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Card/Card.tsx
View file

@ -2,6 +2,7 @@ import { Show, type JSX } from 'solid-js'
import './Card.sass' import './Card.sass'
import { RiSystemLockPasswordLine } from 'solid-icons/ri' import { RiSystemLockPasswordLine } from 'solid-icons/ri'
import { FiHash } from 'solid-icons/fi' import { FiHash } from 'solid-icons/fi'
import { TbColorSwatch } from 'solid-icons/tb'
export default (props: { title: string; description: string }) => { export default (props: { title: string; description: string }) => {
return ( return (
@ -12,6 +13,9 @@ export default (props: { title: string; description: string }) => {
<Show when={props.title === 'Hash Generator'}> <Show when={props.title === 'Hash Generator'}>
<FiHash class="card__icon" size={32} opacity={0.5} /> <FiHash class="card__icon" size={32} opacity={0.5} />
</Show> </Show>
<Show when={props.title === 'Color Converter'}>
<TbColorSwatch class="card__icon" size={32} opacity={0.5} />
</Show>
<h3 class="card__title">{props.title}</h3> <h3 class="card__title">{props.title}</h3>
<p class="card__description">{props.description}</p> <p class="card__description">{props.description}</p>
</section> </section>