Fix default background image (#734)

ShokoAnime · Dec 24, 2023 · 2f9ede5 · 2f9ede5
1 parent c0ce137
commit 2f9ede5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/firstrun/FirstRunPage.tsx b/src/pages/firstrun/FirstRunPage.tsx
@@ -155,10 +155,7 @@ function FirstRunPage() {
           />
         </div>
       </div>
-      <div
-        className="fixed left-0 top-0 -z-10 h-full w-full opacity-20"
-        style={{ background: 'center / cover no-repeat url(\'/images/OnePiece.png\')' }}
-      />
+      <div className="login-image-default fixed left-0 top-0 -z-10 h-full w-full opacity-20" />
     </div>
   );
 }

diff --git a/src/pages/login/LoginPage.tsx b/src/pages/login/LoginPage.tsx
@@ -268,10 +268,13 @@ function LoginPage() {
           </div>
         </div>
         <div
-          className="fixed left-0 top-0 -z-10 h-full w-full opacity-20"
+          className={cx(
+            'fixed left-0 top-0 -z-10 h-full w-full opacity-20',
+            imageUrl === 'default' && 'login-image-default',
+          )}
           style={imageUrl !== '' && imageUrl !== 'default'
             ? { background: `center / cover no-repeat url('${imageUrl}')` }
-            : { background: 'center / cover no-repeat url(\'/webui/images/OnePiece.png\')' }}
+            : {}}
         />
       </div>
     </>
-Original file line number
+Diff line change
@@ Expand Up / @@ -155,10 +155,7 @@ function FirstRunPage() { @@
               />
             </div>
           </div>
-          <div
-            className="fixed left-0 top-0 -z-10 h-full w-full opacity-20"
-            style={{ background: 'center / cover no-repeat url(\'/images/OnePiece.png\')' }}
-          />
+          <div className="login-image-default fixed left-0 top-0 -z-10 h-full w-full opacity-20" />
         </div>
       );
     }
@@ Expand Down @@