Merge branch 'dev-channel'

Magic-Fishes · Apr 8, 2024 · f98a9db · f98a9db
2 parents 2b54a8d + 78be1c2
commit f98a9db
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/components/EdpUnblock/EdpUnblock.css b/src/components/EdpUnblock/EdpUnblock.css
@@ -273,7 +273,7 @@
 }
 
 @media only screen and (max-width: 810px) {
-    #edpu-page:has(main:has(.suggested-browser)) {
+    #edpu-page:has(main .suggested-browser) {
         height: max(100%, 1200px);
     }
 }

diff --git a/src/components/Lab/Lab.jsx b/src/components/Lab/Lab.jsx
@@ -34,6 +34,7 @@ import ProxyErrorNotification from "../Errors/ProxyErrorNotification";
 import "./Lab.css";
 import RadioButton from "../generic/UserInputs/RadioButton";
 import ToggleSwitch from "../generic/UserInputs/ToggleSwitch";
+import { getBrowser, getOS } from "../../utils/utils";
 
 export default function Lab({ fetchGrades }) {
     const addNotification = useCreateNotification()
@@ -277,6 +278,10 @@ export default function Lab({ fetchGrades }) {
             <p>{toggleSwitchState ? "true" : "false"}</p>
             <ToggleSwitch value={toggleSwitchState} onChange={(value) => setToggleSwitchState(!value)}/>
 
+            <h2>OS - BROWSER</h2>
+            <p>userOs: {getOS()}</p>
+            <p>userBrowser: {getBrowser()}</p>
+
             {/* FOOTER */}
             <div style={{ height: "100px" }}></div>
         </div>

diff --git a/src/components/Login/Login.css b/src/components/Login/Login.css
@@ -28,6 +28,7 @@
 
 .dark #edp-unblock-ad {
     background-color: rgba(var(--text-color-alt), .2);
+    -webkit-backdrop-filter: blur(8px) brightness(.5);
     backdrop-filter: blur(8px) brightness(.5);
 }
 .light #edp-unblock-ad {