Update : Update: changes to status item styling, "Ajukan" button in AssReq

This commit is contained in:
percyfikri 2024-11-05 09:11:28 +07:00
parent 0bbd246235
commit cda53a06eb
3 changed files with 9 additions and 7 deletions

View File

@ -90,7 +90,7 @@ const createCreateButton = (
return (
<Button
className="gap-2"
variant={"outline"}
variant={isAssessmentRequestPage ? "request" : "outline"}
onClick={addQuery}
>
{isAssessmentRequestPage ? "Ajukan Permohonan" : "Tambah Data"}

View File

@ -17,12 +17,12 @@ const badgeVariants = cva(
outline: "text-foreground",
// Custom variants for status
inprogress: "border-yellow-500 border-2 bg-yellow-300 px-6 py-1.5 text-[12px]",
waiting: "border-yellow-400 border-2 bg-yellow-200 px-3 py-1.5 text-[12px]",
accepted: "border-green-500 border-2 bg-green-200 px-12 py-1.5 text-[12px]",
rejected: "border-red-500 border-2 bg-red-200 px-14 py-1.5 text-[12px]",
unverified: "border-orange-400 border-2 bg-orange-200 px-6 py-1.5 text-[12px]",
completed: "border-blue-500 border-2 bg-blue-200 px-14 py-1.5 text-[12px]",
inprogress: "border-yellow-500 border-[1.5px] bg-yellow-300 px-3 py-1.5 text-[12px]",
waiting: "border-yellow-400 border-[1.5px] bg-yellow-200 px-3 py-1.5 text-[12px]",
accepted: "border-green-500 border-[1.5px] bg-green-200 px-3 py-1.5 text-[12px]",
rejected: "border-red-500 border-[1.5px] bg-red-200 px-3 py-1.5 text-[12px]",
unverified: "border-orange-400 border-[1.5px] bg-orange-200 px-3 py-1.5 text-[12px]",
completed: "border-blue-500 border-[1.5px] bg-blue-200 px-3 py-1.5 text-[12px]",
},
},
defaultVariants: {

View File

@ -19,6 +19,8 @@ const buttonVariants = cva(
"bg-secondary text-secondary-foreground hover:bg-secondary/80",
ghost: "hover:bg-accent hover:text-accent-foreground",
link: "text-primary underline-offset-4 hover:underline",
request:
"border-[2px] border-black bg-background hover:bg-accent hover:text-accent-foreground",
},
size: {
default: "h-10 px-4 py-2",