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

fix: 修复文本自动换行问题

Browse Source
This commit is contained in:
Montia37
2025-08-16 00:38:17 +08:00
parent 33ceb72bcb
commit 235926be21
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -59,7 +59,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
</div> </div>
</Link> </Link>
</CardHeader> </CardHeader>
<CardContent className="flex-grow space-y-3 text-sm"> <CardContent className="flex-grow space-y-3 text-sm text-nowrap">
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
<Tag tags={tagList} /> <Tag tags={tagList} />
</div> </div>
@@ -158,7 +158,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
/> />
)} )}
</div> </div>
<div className="w-3/4 text-right text-nowrap"> <div className="w-3/4 text-right">
<div> <div>
<span> <span>
↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"} ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}

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

@@ -27,7 +27,7 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
return ( return (
<div <div
className={`grid grid-cols-10 text-center shadow-md gap-4 p-2 items-center rounded-lg ${ className={`grid grid-cols-10 text-center shadow-md gap-4 p-2 text-nowrap items-center rounded-lg ${
isOnline isOnline
? "" ? ""
: "striped-bg-red-translucent-diagonal ring-2 ring-red-500/50" : "striped-bg-red-translucent-diagonal ring-2 ring-red-500/50"
@@ -38,7 +38,7 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
<div className="ml-2 w-full"> <div className="ml-2 w-full">
<div className="text-base font-bold">{node.name}</div> <div className="text-base font-bold">{node.name}</div>
<Tag className="text-xs" tags={tagList} /> <Tag className="text-xs" tags={tagList} />
<div className="flex text-xs text-nowrap"> <div className="flex text-xs">
<div className="flex"> <div className="flex">
<span className="text-secondary-foreground">到期：</span> <span className="text-secondary-foreground">到期：</span>
<div className="flex items-center gap-1">{expired_at}</div> <div className="flex items-center gap-1">{expired_at}</div>
@@ -93,7 +93,7 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
<div>↓ {stats ? formatBytes(stats.network.down, true) : "N/A"}</div> <div>↓ {stats ? formatBytes(stats.network.down, true) : "N/A"}</div>
</div> </div>
<div className="col-span-2"> <div className="col-span-2">
<div className="flex items-center justify-around text-nowrap"> <div className="flex items-center justify-around">
{node.traffic_limit !== 0 && isOnline && stats && ( {node.traffic_limit !== 0 && isOnline && stats && (
<div className="flex items-center justify-center w-1/4"> <div className="flex items-center justify-center w-1/4">
<CircleProgress <CircleProgress