Fix Opacity Issue. (#719)

ShokoAnime · Dec 20, 2023 · 1e04623 · 1e04623
1 parent 3de9d60
commit 1e04623
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/src/pages/collection/Series.tsx b/src/pages/collection/Series.tsx
@@ -162,7 +162,7 @@ const Series = () => {
         </div>
         <Outlet context={{ scrollRef }} />
         <div
-          className="fixed left-0 top-0 -z-10 h-full w-full opacity-5"
+          className="fixed left-0 top-0 -z-10 h-full w-full opacity-20"
           style={{ background: fanartUri !== '' ? `center / cover no-repeat url('${fanartUri}')` : undefined }}
         />
       </div>

diff --git a/src/pages/firstrun/FirstRunPage.tsx b/src/pages/firstrun/FirstRunPage.tsx
@@ -95,7 +95,7 @@ function FirstRunPage() {
   }, [version]);
 
   return (
-    <div className="login-image-default flex w-full justify-center">
+    <div className=" flex w-full justify-center">
       <div className="flex h-full w-full max-w-[120rem] gap-x-8 p-8">
         <div className="flex w-[31.25rem] flex-col items-center rounded-md border border-panel-border bg-panel-background-transparent p-8">
           <div className="flex flex-col items-center gap-y-4">
@@ -149,6 +149,10 @@ 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(\'/webui/images/OnePiece.png\')' }}
+      />
     </div>
   );
 }

diff --git a/src/pages/login/LoginPage.tsx b/src/pages/login/LoginPage.tsx
@@ -116,10 +116,9 @@ function LoginPage() {
       />
       <div
         className={cx(
-          'flex h-screen w-screen login-image items-center justify-center relative',
+          'flex h-screen w-screen items-center justify-center relative',
           imageUrl === 'default' && 'login-image-default',
         )}
-        style={imageUrl !== '' && imageUrl !== 'default' ? { backgroundImage: `url('${imageUrl}')` } : {}}
       >
         <div className="flex flex-col items-center rounded-lg border border-panel-border bg-panel-background-transparent drop-shadow-md">
           <div className="flex flex-row items-center gap-x-16 p-8">
@@ -268,6 +267,12 @@ function LoginPage() {
             </div>
           </div>
         </div>
+        <div
+          className="fixed left-0 top-0 -z-10 h-full w-full opacity-50"
+          style={imageUrl !== '' && imageUrl !== 'default'
+            ? { background: `center / cover no-repeat url('${imageUrl}')` }
+            : {}}
+        />
       </div>
     </>
   );

diff --git a/src/pages/settings/SettingsPage.tsx b/src/pages/settings/SettingsPage.tsx
@@ -652,7 +652,7 @@ function SettingsPage() {
         Whoa! You Have Unsaved Changes!
       </div>
       <div
-        className="fixed left-0 top-0 -z-10 h-full w-full opacity-5"
+        className="fixed left-0 top-0 -z-10 h-full w-full opacity-20"
         style={{ background: 'center / cover no-repeat url(/api/v3/Image/Random/Fanart)' }}
       />
     </div>