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

feat: 添加磨砂玻璃效果自定义配置及相关样式支持

Browse Source
This commit is contained in:
Montia37
2025-08-26 03:25:50 +08:00
parent 832a4dc3d9
commit 78e02f0ca2
22 changed files with 769 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/sections/NodeListHeader.tsx
View File

@@ -1,10 +1,16 @@
export const NodeListHeader = () => {
interface NodeListHeaderProps {
enableSwap: boolean | undefined;
}
export const NodeListHeader = ({ enableSwap }: NodeListHeaderProps) => {
const gridCols = enableSwap ? "grid-cols-10" : "grid-cols-9";
return (
<div className="text-primary font-bold grid grid-cols-10 text-center shadow-md gap-4 p-2 items-center rounded-lg bg-card/50 transition-colors duration-200">
<div
className={`text-primary font-bold grid ${gridCols} text-center shadow-md gap-4 p-2 items-center rounded-lg bg-card transition-colors duration-200`}>
<div className="col-span-2">节点名称</div>
<div className="col-span-1">CPU</div>
<div className="col-span-1">内存</div>
<div className="col-span-1">SWAP</div>
{enableSwap && <div className="col-span-1">SWAP</div>}
<div className="col-span-1">硬盘</div>
<div className="col-span-1">网络</div>
<div className="col-span-2">流量</div>