feat: add colors

This commit is contained in:
Catalin Pit
2024-09-05 14:32:11 +03:00
parent 69bf404b32
commit a301dd345f
9 changed files with 57 additions and 36 deletions

View File

@ -267,14 +267,25 @@ export const SignaturePad = ({
<SelectItem value="black">
<div className="flex items-center">
<div className="flex w-[150px] items-center">
<div className="mr-2 h-5 w-5 rounded-full border-2 bg-black shadow-sm"></div>
<Trans>Black</Trans>
</div>
</div>
</SelectItem>
<SelectItem value="white">
<div className="flex items-center">
<div className="flex w-[150px] items-center">
<div className="mr-2 h-5 w-5 rounded-full border-2 shadow-sm"></div>
<Trans>White</Trans>
</div>
</div>
</SelectItem>
<SelectItem value="red">
<div className="flex items-center">
<div className="flex w-[150px] items-center">
<div className="mr-2 h-5 w-5 rounded-full border-2 bg-red-500 shadow-sm"></div>
<Trans>Red</Trans>
</div>
</div>
@ -283,6 +294,7 @@ export const SignaturePad = ({
<SelectItem value="blue">
<div className="flex items-center">
<div className="flex w-[150px] items-center">
<div className="mr-2 h-5 w-5 rounded-full border-2 bg-blue-500 shadow-sm"></div>
<Trans>Blue</Trans>
</div>
</div>
@ -291,6 +303,7 @@ export const SignaturePad = ({
<SelectItem value="green">
<div className="flex items-center">
<div className="flex w-[150px] items-center">
<div className="mr-2 h-5 w-5 rounded-full border-2 bg-green-500 shadow-sm"></div>
<Trans>Green</Trans>
</div>
</div>