fix: asset dialog overflow (2488)

2023-01-02 20:03:03 +01:00
2 changed files with 2 additions and 2 deletions
@@ -213,7 +213,7 @@ export const AssetDetailsTable = ({
 }: AssetDetailsTableProps) => {
  const longStringModifiers = (key: AssetDetail, value: string) =>
    (value && key === AssetDetail.CONTRACT_ADDRESS) || key === AssetDetail.ID
-      ? { className: 'truncate', title: value }
+      ? { className: 'break-all', title: value }
      : {};

  const details = rows.map((r) => ({
@@ -34,7 +34,7 @@ export function Dialog({
  );
  const wrapperClasses = classNames(
    // Positions the modal in the center of screen
-    'z-20 relative rounded top-[10vh] max-w-[90vw]',
+    'z-20 relative rounded top-[10vh]',
    // Dimensions
    'max-w-[90vw] p-4 md:p-8',
    // Need to apply background and text colors again as content is rendered in a portal