fankes/komari-theme-purcarte
2
0
Fork 0
mirror of https://github.com/fankes/komari-theme-purcarte.git synced 2025-10-19 20:09:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 调整 Link to instance 点击范围，修复 sitename 和 price tag

Browse Source
This commit is contained in:
Montia37
2025-08-15 20:57:29 +08:00
parent 51d2430bb9
commit 45091a973b
5 changed files with 35 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/sections/NodeCard.tsx
View File

@@ -39,18 +39,18 @@ export const NodeCard = ({ node }: NodeCardProps) => {
: "striped-bg-red-translucent-diagonal ring-2 ring-red-500/50"
}`}>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<div className="flex items-center gap-2">
<Flag flag={node.region}></Flag>
<img
src={getOSImage(node.os)}
alt={node.os}
className="w-6 h-6 rounded-full"
loading="lazy"
/>
<CardTitle className="text-base font-bold">
<Link to={`/instance/${node.uuid}`}>{node.name}</Link>
</CardTitle>
</div>
<Link to={`/instance/${node.uuid}`}>
<div className="flex items-center gap-2">
<Flag flag={node.region}></Flag>
<img
src={getOSImage(node.os)}
alt={node.os}
className="w-6 h-6 rounded-full"
loading="lazy"
/>
<CardTitle className="text-base font-bold">{node.name}</CardTitle>
</div>
</Link>
</CardHeader>
<CardContent className="flex-grow space-y-3 text-sm">
<div className="flex flex-wrap gap-1">

34
src/components/sections/NodeListItem.tsx
View File

@@ -32,25 +32,25 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
} text-secondary-foreground transition-colors duration-200`}>
<div className="col-span-3 flex items-center text-left">
<Flag flag={node.region} />
<div className="ml-2 w-full">
<div className="text-base font-bold">
<Link to={`/instance/${node.uuid}`}>{node.name}</Link>
</div>
<Tag className="text-xs" tags={tagList} />
<div className="flex text-xs">
<div className="flex">
<span className="text-secondary-foreground">到期：</span>
<div className="flex items-center gap-1">{expired_at}</div>
</div>
<div className="border-l border-border/60 mx-2"></div>
<div className="flex">
<span className="text-secondary-foreground">在线：</span>
<span>
{isOnline && stats ? formatUptime(stats.uptime) : "离线"}
</span>
<Link to={`/instance/${node.uuid}`}>
<div className="ml-2 w-full">
<div className="text-base font-bold">{node.name}</div>
<Tag className="text-xs" tags={tagList} />
<div className="flex text-xs">
<div className="flex">
<span className="text-secondary-foreground">到期：</span>
<div className="flex items-center gap-1">{expired_at}</div>
</div>
<div className="border-l border-border/60 mx-2"></div>
<div className="flex">
<span className="text-secondary-foreground">在线：</span>
<span>
{isOnline && stats ? formatUptime(stats.uptime) : "离线"}
</span>
</div>
</div>
</div>
</div>
</Link>
</div>
<div className="col-span-1">
<div className="gap-1 flex items-center justify-center whitespace-nowrap">