fix(preferences wrapper): fade out animation

This commit is contained in:
alexsparkes
2024-08-19 23:01:11 +01:00
parent f48b7044ac
commit bc73f4ebfa

View File

@@ -30,11 +30,9 @@ const PreferencesWrapper = ({ children, ...props }) => {
return ( return (
<div <div
className={ className={`preferences transition-opacity duration-700 ease-in-out ${
shown shown ? 'opacity-100 pointer-events-auto' : 'opacity-50 pointer-events-none'
? 'preferences bg-modal-content-light dark:bg-modal-content-dark p-10 rounded divide-y divide-gray-500' } 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'
}
> >
{props.zoomSetting && ( {props.zoomSetting && (
<Row> <Row>