fix: webhook overflow (#11968)

Co-authored-by: Peer Richelsen <peer@cal.com> Co-authored-by: Peer Richelsen <peeroke@gmail.com>
2023-10-20 20:08:52 +05:30 · 2023-10-20 20:08:52 +05:30 · e32d4648af
parent 20b7633ab5
commit e32d4648af
1 changed files with 5 additions and 1 deletions
--- a/packages/features/webhooks/components/WebhookListItem.tsx
+++ b/packages/features/webhooks/components/WebhookListItem.tsx
@ -73,7 +73,11 @@ export default function WebhookListItem(props: {
      )}>
      <div className="w-full truncate">
        <div className="flex">
-          <p className="text-emphasis truncate text-sm font-medium">{webhook.subscriberUrl}</p>
+          <Tooltip content={webhook.subscriberUrl}>
+            <p className="text-emphasis max-w-[600px] truncate text-sm font-medium">
+              {webhook.subscriberUrl}
+            </p>
+          </Tooltip>
          {!!props.readOnly && (
            <Badge variant="gray" className="ml-2 ">
              {t("readonly")}