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

fix: custom background image position

Browse Source
This commit is contained in:
hamster1963 2024-12-17 16:29:54 +08:00
parent 5c2a9b28f3
commit f4ca2ca2df
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.tsx
View File

@ -80,14 +80,14 @@ const App: React.FC = () => {
return ( return (
<Router basename={import.meta.env.BASE_URL}> <Router basename={import.meta.env.BASE_URL}>
<div <div
className={cn("flex min-h-screen w-full flex-col", { className={cn(
" bg-background": !customBackgroundImage, "flex min-h-screen w-full flex-col bg-cover bg-no-repeat bg-center bg-fixed",
})} {
"bg-background": !customBackgroundImage,
},
)}
style={{ style={{
backgroundImage: customBackgroundImage ? "url(" + customBackgroundImage + ")" : undefined, backgroundImage: customBackgroundImage ? `url(${customBackgroundImage})` : undefined,
backgroundSize: "cover",
backgroundRepeat: "no-repeat",
backgroundPosition: "center",
}} }}
> >
<main className="flex min-h-[calc(100vh-calc(var(--spacing)*16))] flex-1 flex-col gap-4 p-4 md:p-10 md:pt-8"> <main className="flex min-h-[calc(100vh-calc(var(--spacing)*16))] flex-1 flex-col gap-4 p-4 md:p-10 md:pt-8">