Fix issue in text block overflow (#44)

premieroctet · Oct 3, 2023 · f39b83f · f39b83f · vercel · Oct 3, 2023
1 parent 919b4cf
commit f39b83f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/digests/ActionsBlockPopover.tsx b/src/components/digests/ActionsBlockPopover.tsx
@@ -22,9 +22,9 @@ export default function ActionsBlockPopover({
   }
   return (
     <Popover.Root open={open} onOpenChange={() => setOpen(!open)}>
-      <div className="flex justify-center items-center gap-2 w-5 h-5 top-2 right-1 absolute md:relative cursor-pointer">
+      <div className="flex justify-center items-center gap-2 top-2 right-1 absolute md:relative cursor-pointer">
         <Popover.Trigger asChild className="relative">
-          <EllipsisVerticalIcon className="max-md:fill-white max-md:isolate" />
+          <EllipsisVerticalIcon className="max-md:fill-white max-md:isolate w-5 h-5 " />
         </Popover.Trigger>
         <Popover.Portal>
           <Popover.Content>

diff --git a/src/components/digests/block-card/text-card/TextCard.tsx b/src/components/digests/block-card/text-card/TextCard.tsx
@@ -50,7 +50,7 @@ export default function BlockTextCard({
           {Boolean(block.text) && (
             <div
               className={cn(
-                'prose prose-violet prose-sm prose-headings:mb-1 prose-headings:mt-3 prose-p:mt-1 prose-p:leading-relaxed',
+                'prose prose-violet prose-sm prose-headings:mb-1 prose-headings:mt-3 prose-p:mt-1 prose-p:leading-relaxed word break-all',
                 {
                   'first:prose-h1:mt-7': index !== 0 && !isEditable,
                 }