akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-24 15:47:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve home page with separate data and resource pack cards

Browse Source
This commit is contained in:
Misode
2021-11-06 01:06:33 +01:00
parent a24c5d4c79
commit f67da3f7a1
5 changed files with 90 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/components/ToolCard.tsx
View File

@@ -3,16 +3,25 @@ import { Icons } from './Icons'
type ToolCardProps = {
title: string,
link: string,
desc?: string,
link?: string,
icon?: keyof typeof Icons,
children?: ComponentChildren,
}
export function ToolCard({ title, link, icon, children }: ToolCardProps) {
return <a class="tool-card" href={link}>
{icon && Icons[icon]}
<div>
<h3>{title}</h3>
{children}
export function ToolCard({ title, desc, link, icon, children }: ToolCardProps) {
const content = <>
<div class="tool-head">
{icon && Icons[icon]}
<div>
<h3>{title}</h3>
<p>{desc}</p>
</div>
</div>
</a>
{children && <div class="tool-body">
{children}
</div>}
</>
return link
? <a class="tool-card" href={link}>{content}</a>
: <div class="tool-card">{content}</div>
}