admin/embycovers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Homelabtoolkit v2

Browse Source
This commit is contained in:
admin
2026-06-08 21:58:16 +12:00
parent 040fbacc70
commit 3c77066beb
75 changed files with 16945 additions and 374 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/icons.tsx
+50
View File
@@ -115,6 +115,26 @@ export const IconUser = (p: P) => (
<path d="M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1" />
</svg>
);
export const IconApple = (p: P) => (
<svg {...base} {...p}>
<path d="M15.3 12.2c0-1.7 1.4-2.6 1.5-2.7-.8-1.2-2.1-1.4-2.6-1.4-1.1-.1-2.1.6-2.7.6-.6 0-1.4-.6-2.3-.6-1.2 0-2.3.7-2.9 1.7-1.3 2.2-.3 5.6.9 7.3.6.8 1.3 1.8 2.2 1.7.9 0 1.2-.6 2.3-.6 1 0 1.4.6 2.3.6 1 0 1.6-.8 2.2-1.7.7-1 1-2 1-2.1-.1 0-1.9-.7-1.9-2.8z" />
<path d="M13.7 6.8c.5-.6.9-1.5.8-2.3-.8 0-1.7.5-2.2 1.1-.5.6-.9 1.4-.8 2.2.9.1 1.7-.4 2.2-1z" />
</svg>
);
export const IconAndroid = (p: P) => (
<svg {...base} {...p}>
<path d="M8 9l-1.8-2.7M16 9l1.8-2.7M9 5.5l.2-.1a7 7 0 0 1 5.6 0l.2.1" />
<rect x="6" y="9" width="12" height="8" rx="2.5" />
<path d="M8.5 17v2.5M15.5 17v2.5M4.5 10.5V15M19.5 10.5V15" />
<path d="M10 12h.01M14 12h.01" />
</svg>
);
export const IconWeb = (p: P) => (
<svg {...base} {...p}>
<circle cx="12" cy="12" r="9" />
<path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" />
</svg>
);
export const IconChevron = (p: P) => (
<svg {...base} {...p}>
<path d="M9 18l6-6-6-6" />
@@ -125,12 +145,42 @@ export const IconFolder = (p: P) => (
<path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
</svg>
);
export const IconBook = (p: P) => (
<svg {...base} {...p}>
<path d="M4 4a2 2 0 0 1 2-2h13v18H6a2 2 0 0 0-2 2z" />
<path d="M4 20a2 2 0 0 0 2 2h13" />
<path d="M9 7h6" />
</svg>
);
export const IconHeadphones = (p: P) => (
<svg {...base} {...p}>
<path d="M4 14v-2a8 8 0 0 1 16 0v2" />
<rect x="2.5" y="14" width="4.5" height="6" rx="1.5" />
<rect x="17" y="14" width="4.5" height="6" rx="1.5" />
</svg>
);
export const IconClock = (p: P) => (
<svg {...base} {...p}>
<circle cx="12" cy="12" r="9" />
<path d="M12 7v5l3 2" />
</svg>
);
export const IconSettings = (p: P) => (
<svg {...base} {...p}>
<circle cx="12" cy="12" r="3" />
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
</svg>
);
export const IconMenu = (p: P) => (
<svg {...base} {...p}>
<path d="M4 7h16M4 12h16M4 17h16" />
</svg>
);
export const IconClose = (p: P) => (
<svg {...base} {...p}>
<path d="M6 6l12 12M18 6L6 18" />
</svg>
);
// Stylized Emby media mark (rounded square + play). Inherits currentColor so it
// tints with nav state; swap in the official asset if you have it.
export const IconEmby = (p: P) => (