fix: fixed modal classes

src/components/Account/AccountSummary.tsx

@@ -74,12 +74,7 @@ export default function AccountSummary(props: Props) {
 
   if (!props.account) return null
   return (
-    <div
-      className={classNames(
-        'h-[546px] min-w-92.5 basis-92.5 max-w-screen overflow-y-scroll scrollbar-hide',
-        'w-[374px]',
-      )}
-    >
+    <div className='h-[546px] max-w-screen overflow-y-scroll scrollbar-hide w-93.5'>
       <Card className='mb-4 h-min min-w-fit bg-white/10' contentClassName='flex'>
         <Item label='Net worth' classes='flex-1'>
           <DisplayCurrency

src/components/Modals/ModalContentWithSummary.tsx

@@ -10,6 +10,7 @@ import useStore from 'store'
 interface Props extends ModalProps {
   account?: Account
   isContentCard?: boolean
+  subHeader?: React.ReactNode
 }
 
 function modalContent(content: React.ReactNode, isContentCard?: boolean, account?: Account) {
@@ -23,7 +24,7 @@ function modalContent(content: React.ReactNode, isContentCard?: boolean, account
   if (isContentCard)
     return (
       <Card
-        className={classNames('flex p-4 bg-white/5', 'lg:w-[448px]')}
+        className='flex p-4 bg-white/5 lg:w-112'
         contentClassName='gap-6 flex flex-col justify-between h-full min-h-[380px]'
       >
         {content}
@@ -44,6 +45,7 @@ export default function ModalContentWithSummary(props: Props) {
       )}
       contentClassName={classNames('flex items-start flex-1 gap-6 p-6', props.contentClassName)}
     >
+      {props.subHeader && props.subHeader}
       {modalContent(props.content, props.isContentCard, props.account)}
       {props.account && <AccountSummary account={updatedAccount || props.account} />}
     </Modal>

tailwind.config.js

@@ -258,8 +258,10 @@ module.exports = {
         60: '240px',
         90: '360px',
         92.5: '370px',
+        93.5: '374px',
         100: '400px',
         110: '440px',
+        112: '448px',
         120: '480px',
         140: '560px',
       },