Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-14 08:42:08 +10:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- fix: add drag handle icon to panels
This commit is contained in:
Amruth Pillai
2023-11-26 15:37:58 +01:00
parent 062748eb5c
commit f090573147
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,7 +37,7 @@ const DonateCard = () => (
target="_blank" target="_blank"
> >
<HandHeart size={14} weight="bold" className="mr-2" /> <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> </a>
</CardFooter> </CardFooter>
</Card> </Card>
@ -66,7 +66,7 @@ const IssuesCard = () => (
target="_blank" target="_blank"
> >
<GithubLogo size={14} weight="bold" className="mr-2" /> <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>
<a <a
@ -76,7 +76,7 @@ const IssuesCard = () => (
target="_blank" target="_blank"
> >
<EnvelopeSimpleOpen size={14} weight="bold" className="mr-2" /> <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> </a>
</CardFooter> </CardFooter>
</Card> </Card>
@ -107,7 +107,7 @@ const DocumentationCard = () => (
rel="noopener noreferrer nofollow" rel="noopener noreferrer nofollow"
> >
<Book size={14} weight="bold" className="mr-2" /> <Book size={14} weight="bold" className="mr-2" />
<span>{t`Documentation`}</span> <span className="line-clamp-1">{t`Documentation`}</span>
</a> </a>
</CardFooter> </CardFooter>
</Card> </Card>

5
libs/ui/src/components/resizable-panel.tsx
View File

@ -1,3 +1,4 @@
import { DotsSixVertical } from "@phosphor-icons/react";
import { cn } from "@reactive-resume/utils"; import { cn } from "@reactive-resume/utils";
import * as PanelPrimitive from "react-resizable-panels"; import * as PanelPrimitive from "react-resizable-panels";
@ -28,5 +29,9 @@ export const PanelResizeHandle = ({
)} )}
/> />
</div> </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> </PanelPrimitive.PanelResizeHandle>
); );