Skip to content

Commit

Permalink
fix: add y overflow to the modal (#2880)
Browse files Browse the repository at this point in the history
  • Loading branch information
reneaaron authored Nov 21, 2023
1 parent ded2ed2 commit c81313d
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion src/app/components/Modal/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ export default function Modal({
onRequestClose={closeModal}
contentLabel={contentLabel}
overlayClassName="bg-black bg-opacity-50 fixed inset-0 flex justify-center items-center cursor-pointer"
className="rounded-lg shadow-xl bg-white dark:bg-surface-02dp w-full max-w-md overflow-hidden relative p-5 cursor-auto mx-5"
className="rounded-lg shadow-xl bg-white dark:bg-surface-02dp w-full max-w-md overflow-x-hidden relative p-5 cursor-auto mx-5"
style={{ content: { maxHeight: "90vh" } }}
>
{title && (
Expand Down
2 changes: 1 addition & 1 deletion src/app/components/TransactionsTable/TransactionModal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,7 @@ export default function TransactionModal({
}

const Dt = ({ children }: { children: React.ReactNode }) => (
<dt className="w-28 text-gray-400 dark:text-neutral-500 text-right">
<dt className="w-24 text-gray-400 dark:text-neutral-500 text-right">
{children}
</dt>
);
Expand Down

0 comments on commit c81313d

Please sign in to comment.