Blur background of modal to hide spicy things

2024-11-09 10:02:12 +00:00 · 2024-04-16 09:27:53 -04:00 · 2024-04-16 09:27:53 -04:00 · 1e76395d29
parent afae55c2eb
commit 1e76395d29
2 changed files with 5 additions and 1 deletions
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@ -461,3 +461,7 @@ br.big {
 .totp-link {
  width: fit-content;
 }
+
+#adultConsentModal {
+  backdrop-filter: blur(10px);
+}
--- a/src/shared/components/common/adult-consent-modal.tsx
+++ b/src/shared/components/common/adult-consent-modal.tsx
@ -25,7 +25,7 @@ class AdultConsentModalInner extends Component<AdultConsentModalProps, any> {

    return (
      <div
-        className="modal fade"
+        className="modal"
        id="adultConsentModal"
        tabIndex={-1}
        aria-hidden