- fix: add line-clamp-1 on button text, closes #1585

- fix: add drag handle icon to panels

apps/client/src/pages/builder/sidebars/right/sections/information.tsx

@@ -37,7 +37,7 @@ const DonateCard = () => (
         target="_blank"
       >
         <HandHeart size={14} weight="bold" className="mr-2" />
-        <span>{t`Donate to Reactive Resume`}</span>
+        <span className="line-clamp-1">{t`Donate to Reactive Resume`}</span>
       </a>
     </CardFooter>
   </Card>
@@ -66,7 +66,7 @@ const IssuesCard = () => (
         target="_blank"
       >
         <GithubLogo size={14} weight="bold" className="mr-2" />
-        <span>{t`Raise an issue`}</span>
+        <span className="line-clamp-1">{t`Raise an issue`}</span>
       </a>
 
       <a
@@ -76,7 +76,7 @@ const IssuesCard = () => (
         target="_blank"
       >
         <EnvelopeSimpleOpen size={14} weight="bold" className="mr-2" />
-        <span>{t`Send me a message`}</span>
+        <span className="line-clamp-1">{t`Send me a message`}</span>
       </a>
     </CardFooter>
   </Card>
@@ -107,7 +107,7 @@ const DocumentationCard = () => (
         rel="noopener noreferrer nofollow"
       >
         <Book size={14} weight="bold" className="mr-2" />
-        <span>{t`Documentation`}</span>
+        <span className="line-clamp-1">{t`Documentation`}</span>
       </a>
     </CardFooter>
   </Card>

libs/ui/src/components/resizable-panel.tsx

@@ -1,3 +1,4 @@
+import { DotsSixVertical } from "@phosphor-icons/react";
 import { cn } from "@reactive-resume/utils";
 import * as PanelPrimitive from "react-resizable-panels";
 
@@ -28,5 +29,9 @@ export const PanelResizeHandle = ({
         )}
       />
     </div>
+
+    <div className="pointer-events-none absolute inset-y-0 left-[-5px] z-50 flex items-center justify-center">
+      <DotsSixVertical size={14} opacity={0.75} />
+    </div>
   </PanelPrimitive.PanelResizeHandle>
 );