diff --git a/beszel/site/index.html b/beszel/site/index.html
index 2b5dcb6..9ebf322 100644
--- a/beszel/site/index.html
+++ b/beszel/site/index.html
@@ -2,7 +2,8 @@
-
+
+
Beszel
diff --git a/beszel/site/public/static/icon.png b/beszel/site/public/static/icon.png
new file mode 100644
index 0000000..ea319df
Binary files /dev/null and b/beszel/site/public/static/icon.png differ
diff --git a/beszel/site/public/static/lock.svg b/beszel/site/public/static/lock.svg
deleted file mode 100644
index dad77ab..0000000
--- a/beszel/site/public/static/lock.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/beszel/site/public/static/manifest.json b/beszel/site/public/static/manifest.json
new file mode 100644
index 0000000..16d59eb
--- /dev/null
+++ b/beszel/site/public/static/manifest.json
@@ -0,0 +1,14 @@
+{
+ "name": "Beszel",
+ "icons": [
+ {
+ "src": "icon.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "start_url": "../",
+ "display": "standalone",
+ "background_color": "#202225",
+ "theme_color": "#202225"
+}
diff --git a/beszel/site/src/lib/utils.ts b/beszel/site/src/lib/utils.ts
index 8f8a5e6..37f08ba 100644
--- a/beszel/site/src/lib/utils.ts
+++ b/beszel/site/src/lib/utils.ts
@@ -10,6 +10,7 @@ import { useEffect, useState } from "react"
import { CpuIcon, HardDriveIcon, MemoryStickIcon, ServerIcon } from "lucide-react"
import { EthernetIcon, ThermometerIcon } from "@/components/ui/icons"
import { t } from "@lingui/macro"
+import { prependBasePath } from "@/components/router"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
@@ -106,7 +107,7 @@ export const formatDay = (timestamp: string) => {
}
export const updateFavicon = (newIcon: string) => {
- ;(document.querySelector("link[rel='icon']") as HTMLLinkElement).href = `/static/${newIcon}`
+ ;(document.querySelector("link[rel='icon']") as HTMLLinkElement).href = prependBasePath( `/static/${newIcon}` )
}
export const isAdmin = () => pb.authStore.record?.role === "admin"