wood/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/woodchen-ink/nezha-dash-v1.git synced 2025-07-18 09:31:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: online counter background opacity

Browse Source
This commit is contained in:
hamster1963 2024-12-21 18:57:15 +08:00
parent 3cf4897258
commit a8c7253bf8
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Header.tsx
View File

@ -37,6 +37,10 @@ function Header() {
// @ts-expect-error CustomDesc is a global variable // @ts-expect-error CustomDesc is a global variable
const customDesc = window.CustomDesc || t("nezha") const customDesc = window.CustomDesc || t("nezha")
const customBackgroundImage =
// @ts-expect-error CustomBackgroundImage is a global variable
(window.CustomBackgroundImage as string) !== "" ? window.CustomBackgroundImage : undefined
useEffect(() => { useEffect(() => {
const link = document.querySelector("link[rel*='icon']") || document.createElement("link") const link = document.querySelector("link[rel*='icon']") || document.createElement("link")
// @ts-expect-error set link.type // @ts-expect-error set link.type
@ -79,7 +83,9 @@ function Header() {
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"
className={cn("hover:bg-white dark:hover:bg-black cursor-default rounded-full flex items-center px-[9px] bg-white dark:bg-black")} className={cn("hover:bg-white dark:hover:bg-black cursor-default rounded-full flex items-center px-[9px] bg-white dark:bg-black", {
"bg-white/70 dark:bg-black/70": customBackgroundImage,
})}
> >
{connected ? onlineCount : <Loader visible={true} />} {connected ? onlineCount : <Loader visible={true} />}
<p className="text-muted-foreground">{connected ? t("online") : t("offline")}</p> <p className="text-muted-foreground">{connected ? t("online") : t("offline")}</p>