diff --git a/src/containers/floating/Settings/SettingsModal.styles.ts b/src/containers/floating/Settings/SettingsModal.styles.ts index 72c88afc7..0d0c4a037 100644 --- a/src/containers/floating/Settings/SettingsModal.styles.ts +++ b/src/containers/floating/Settings/SettingsModal.styles.ts @@ -1,4 +1,3 @@ -import { m } from 'framer-motion'; import styled from 'styled-components'; export const Container = styled.div` @@ -58,11 +57,8 @@ export const variants = { transition, }, }; -export const SectionWrapper = styled(m.div).attrs({ - initial: 'initial', - animate: 'visible', - exit: 'exit', -})` + +export const SectionWrapper = styled.div` max-width: 100%; display: flex; flex-direction: column; diff --git a/src/containers/floating/Settings/SettingsModal.tsx b/src/containers/floating/Settings/SettingsModal.tsx index ec38cca79..b91ff6c0d 100644 --- a/src/containers/floating/Settings/SettingsModal.tsx +++ b/src/containers/floating/Settings/SettingsModal.tsx @@ -1,5 +1,4 @@ import { useState } from 'react'; -import { AnimatePresence } from 'framer-motion'; import { useTranslation } from 'react-i18next'; import { IoClose } from 'react-icons/io5'; @@ -23,7 +22,7 @@ import { ReleaseNotes, } from './sections'; -import { Container, ContentContainer, HeaderContainer, SectionWrapper, variants } from './SettingsModal.styles.ts'; +import { Container, ContentContainer, HeaderContainer, SectionWrapper } from './SettingsModal.styles.ts'; const markups = { general: , @@ -65,11 +64,7 @@ export default function SettingsModal() { - - - {sectionMarkup} - - + {sectionMarkup}