From 63906d1be9f9ee56d3d6af73a1bf1ed527981110 Mon Sep 17 00:00:00 2001 From: Orchard Date: Sat, 30 May 2026 10:57:05 +0800 Subject: [PATCH 1/2] style(audit): smooth expanded card hover edge --- src/pages/audit.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pages/audit.tsx b/src/pages/audit.tsx index d498e177..7c84de2e 100644 --- a/src/pages/audit.tsx +++ b/src/pages/audit.tsx @@ -568,7 +568,9 @@ export default function AuditPage() { ? t("finding.collapseAria", { name: group.name }) : t("finding.expandAria", { name: group.name }) } - className="flex w-full cursor-pointer items-center justify-between rounded-xl px-4 py-3 transition-all duration-150 hover:bg-muted/50 hover:shadow-sm" + className={`flex w-full cursor-pointer items-center justify-between px-4 py-3 transition-all duration-150 hover:bg-muted/50 hover:shadow-sm ${ + isOpen ? "rounded-t-xl rounded-b-none" : "rounded-xl" + }`} >
Date: Sat, 30 May 2026 11:05:16 +0800 Subject: [PATCH 2/2] style(audit): refactor className to use clsx for conditional styling --- src/pages/audit.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/pages/audit.tsx b/src/pages/audit.tsx index 7c84de2e..3190d0f9 100644 --- a/src/pages/audit.tsx +++ b/src/pages/audit.tsx @@ -568,9 +568,10 @@ export default function AuditPage() { ? t("finding.collapseAria", { name: group.name }) : t("finding.expandAria", { name: group.name }) } - className={`flex w-full cursor-pointer items-center justify-between px-4 py-3 transition-all duration-150 hover:bg-muted/50 hover:shadow-sm ${ - isOpen ? "rounded-t-xl rounded-b-none" : "rounded-xl" - }`} + className={clsx( + "flex w-full cursor-pointer items-center justify-between px-4 py-3 transition-all duration-150 hover:bg-muted/50 hover:shadow-sm", + isOpen ? "rounded-t-xl rounded-b-none" : "rounded-xl", + )} >