Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 08:13:56 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: smaller text in signature pad (#1351)

Browse Source
This commit is contained in:
Ephraim Duncan
2024-09-18 00:44:12 +00:00
committed by GitHub
parent 08114f7b97
commit b7c3deb6cd
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/ui/primitives/signature-pad/signature-pad.tsx
View File

@ -265,35 +265,35 @@ export const SignaturePad = ({
<div className="text-foreground absolute right-2 top-2 filter"> <div className="text-foreground absolute right-2 top-2 filter">
<Select defaultValue={selectedColor} onValueChange={(value) => setSelectedColor(value)}> <Select defaultValue={selectedColor} onValueChange={(value) => setSelectedColor(value)}>
<SelectTrigger className="h-auto w-auto border-none p-1"> <SelectTrigger className="h-auto w-auto border-none p-0.5">
<SelectValue placeholder="" /> <SelectValue placeholder="" />
</SelectTrigger> </SelectTrigger>
<SelectContent className="w-[150px]" align="end"> <SelectContent className="w-[100px]" align="end">
<SelectItem value="black"> <SelectItem value="black">
<div className="text-muted-foreground flex items-center px-1 text-sm"> <div className="text-muted-foreground flex items-center text-[0.688rem]">
<div className="border-border mr-2 h-5 w-5 rounded-full border-2 bg-black shadow-sm" /> <div className="border-border mr-1 h-4 w-4 rounded-full border-2 bg-black shadow-sm" />
<Trans>Black</Trans> <Trans>Black</Trans>
</div> </div>
</SelectItem> </SelectItem>
<SelectItem value="red"> <SelectItem value="red">
<div className="text-muted-foreground flex items-center px-1 text-sm"> <div className="text-muted-foreground flex items-center text-[0.688rem]">
<div className="border-border mr-2 h-5 w-5 rounded-full border-2 bg-[red] shadow-sm" /> <div className="border-border mr-1 h-4 w-4 rounded-full border-2 bg-[red] shadow-sm" />
<Trans>Red</Trans> <Trans>Red</Trans>
</div> </div>
</SelectItem> </SelectItem>
<SelectItem value="blue"> <SelectItem value="blue">
<div className="text-muted-foreground flex items-center px-1 text-sm"> <div className="text-muted-foreground flex items-center text-[0.688rem]">
<div className="border-border mr-2 h-5 w-5 rounded-full border-2 bg-[blue] shadow-sm" /> <div className="border-border mr-1 h-4 w-4 rounded-full border-2 bg-[blue] shadow-sm" />
<Trans>Blue</Trans> <Trans>Blue</Trans>
</div> </div>
</SelectItem> </SelectItem>
<SelectItem value="green"> <SelectItem value="green">
<div className="text-muted-foreground flex items-center px-1 text-sm"> <div className="text-muted-foreground flex items-center text-[0.688rem]">
<div className="border-border mr-2 h-5 w-5 rounded-full border-2 bg-[green] shadow-sm" /> <div className="border-border mr-1 h-4 w-4 rounded-full border-2 bg-[green] shadow-sm" />
<Trans>Green</Trans> <Trans>Green</Trans>
</div> </div>
</SelectItem> </SelectItem>
@ -301,10 +301,10 @@ export const SignaturePad = ({
</Select> </Select>
</div> </div>
<div className="absolute bottom-4 right-4 flex gap-2"> <div className="absolute bottom-3 right-3 flex gap-2">
<button <button
type="button" type="button"
className="focus-visible:ring-ring ring-offset-background text-muted-foreground/60 hover:text-muted-foreground rounded-full p-0 text-xs focus-visible:outline-none focus-visible:ring-2" className="focus-visible:ring-ring ring-offset-background text-muted-foreground/60 hover:text-muted-foreground rounded-full p-0 text-[0.688rem] focus-visible:outline-none focus-visible:ring-2"
onClick={() => onClearClick()} onClick={() => onClearClick()}
> >
<Trans>Clear Signature</Trans> <Trans>Clear Signature</Trans>
@ -316,7 +316,7 @@ export const SignaturePad = ({
<button <button
type="button" type="button"
title="undo" title="undo"
className="focus-visible:ring-ring ring-offset-background text-muted-foreground/60 hover:text-muted-foreground rounded-full p-0 text-xs focus-visible:outline-none focus-visible:ring-2" className="focus-visible:ring-ring ring-offset-background text-muted-foreground/60 hover:text-muted-foreground rounded-full p-0 text-[0.688rem] focus-visible:outline-none focus-visible:ring-2"
onClick={() => onUndoClick()} onClick={() => onUndoClick()}
> >
<Undo2 className="h-4 w-4" /> <Undo2 className="h-4 w-4" />