fix: colors on background due to mantine css

gdgbari · Sep 12, 2024 · 5097399 · 5097399
1 parent 3de16d5
commit 5097399
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/react/pages/LoginPage.tsx b/src/react/pages/LoginPage.tsx
@@ -45,7 +45,7 @@ export const LoginPage = () => {
                     })
                 })
             }>
-                <Card className="md:px-20 md:py-16 bg-black bg-opacity-80 z-10 md:h-fit md:w-fit h-screen w-screen justify-center rounded-none px-5 md:rounded-xl">
+                <Card className="md:px-20 md:py-16 bg-black md:bg-opacity-60 bg-opacity-25 z-10 md:h-fit md:w-fit h-screen w-screen justify-center rounded-none px-5 md:rounded-xl">
                     <div className="flex flex-col opacity-100 justify-center items-center">
                         <img src="/assets/vectors/logo_big.svg" className="h-36 m-2 px-8 md:p-0 md:m-6" />
                         <p className="text-2xl md:text-3xl font-semibold mt-5">

diff --git a/src/style/base.scss b/src/style/base.scss
@@ -149,4 +149,9 @@ html.multicolored-bg{
         transform: rotate(180deg) scale(18) translateX(40px);
         }
     }   
+}
+
+//Fix mantine on mobile
+:root{
+    color-scheme: unset !important;
 }