chore: modal animations

packages/web/src/javascripts/Components/Preferences/PreferencesView.tsx

@@ -60,10 +60,7 @@ const PreferencesView: FunctionComponent<PreferencesProps> = ({ application, clo
     <Modal
       close={closePreferences}
       title="Preferences"
-      className={{
-        content: 'md:h-full md:!max-h-full md:!w-full',
-        description: 'flex flex-col',
-      }}
+      className="flex flex-col"
       customHeader={
         <div
           className={classNames(

packages/web/src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx

@@ -47,8 +47,10 @@ const PreferencesViewWrapper: FunctionComponent<PreferencesViewWrapperProps> = (
     <ModalOverlay
       isOpen={application.preferencesController.isOpen}
       ref={setElement}
+      animate="mobile"
       animationVariant="horizontal"
       close={application.preferencesController.closePreferences}
+      className="md:h-full md:!max-h-full md:!w-full"
     >
       <PreferencesView
         closePreferences={application.preferencesController.closePreferences}