mirror of
https://github.com/Buriburizaem0n/nezha-dash-v1.git
synced 2026-05-06 13:58:43 +00:00
fix: stabilize background scaling and positioning
This commit is contained in:
+12
-4
@@ -96,20 +96,28 @@ const MainApp: React.FC = () => {
|
||||
{customBackgroundImage && (
|
||||
<div
|
||||
className={cn(
|
||||
"fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center dark:brightness-75",
|
||||
"fixed inset-0 z-0 bg-cover w-screen h-screen bg-no-repeat bg-center transition-none dark:brightness-75",
|
||||
{
|
||||
"hidden sm:block": customMobileBackgroundImage,
|
||||
},
|
||||
)}
|
||||
style={{ backgroundImage: `url(${customBackgroundImage})` }}
|
||||
style={{
|
||||
backgroundImage: `url(${customBackgroundImage})`,
|
||||
backfaceVisibility: 'hidden',
|
||||
perspective: '1000px'
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
{customMobileBackgroundImage && (
|
||||
<div
|
||||
className={cn(
|
||||
"fixed inset-0 z-0 bg-cover min-h-lvh bg-no-repeat bg-center sm:hidden dark:brightness-75",
|
||||
"fixed inset-0 z-0 bg-cover w-screen h-screen bg-no-repeat bg-center transition-none sm:hidden dark:brightness-75",
|
||||
)}
|
||||
style={{ backgroundImage: `url(${customMobileBackgroundImage})` }}
|
||||
style={{
|
||||
backgroundImage: `url(${customMobileBackgroundImage})`,
|
||||
backfaceVisibility: 'hidden',
|
||||
perspective: '1000px'
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<div
|
||||
|
||||
Reference in New Issue
Block a user