From bc73f4ebfa8f2dc175ac9ff3b86133368883db1f Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Mon, 19 Aug 2024 23:01:11 +0100
Subject: [PATCH] fix(preferences wrapper): fade out animation

---
 .../Settings/PreferencesWrapper/PreferencesWrapper.jsx    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/Layout/Settings/PreferencesWrapper/PreferencesWrapper.jsx b/src/components/Layout/Settings/PreferencesWrapper/PreferencesWrapper.jsx
index bb0deb3d..9bdf39a1 100644
--- a/src/components/Layout/Settings/PreferencesWrapper/PreferencesWrapper.jsx
+++ b/src/components/Layout/Settings/PreferencesWrapper/PreferencesWrapper.jsx
@@ -30,11 +30,9 @@ const PreferencesWrapper = ({ children, ...props }) => {
 
   return (
     <div
-      className={
-        shown
-          ? 'preferences bg-modal-content-light dark:bg-modal-content-dark p-10 rounded divide-y divide-gray-500'
-          : 'opacity-50 pointer-events-none transition-400 ease-in-out bg-modal-content-light dark:bg-modal-content-dark p-10 rounded divide-y divide-gray-500'
-      }
+      className={`preferences transition-opacity duration-700 ease-in-out ${
+        shown ? 'opacity-100 pointer-events-auto' : 'opacity-50 pointer-events-none'
+      } bg-modal-content-light dark:bg-modal-content-dark p-10 rounded divide-y divide-gray-500`}
     >
       {props.zoomSetting && (
         <Row>