style: button style

This commit is contained in:
JOYCEQL
2024-11-13 21:12:51 +08:00
parent a6b5762506
commit f2a8ff1128
2 changed files with 10 additions and 5 deletions
@@ -54,7 +54,13 @@ export function PdfExport() {
return (
<div>
<motion.button
className="px-4 py-2 text-white rounded-lg text-sm font-medium flex items-center space-x-2"
className={`px-4 py-2 rounded-lg text-sm font-medium flex items-center space-x-2
${
theme === "dark"
? "bg-indigo-600 hover:bg-indigo-700 text-white"
: "bg-black hover:bg-neutral-800 text-white"
}
disabled:opacity-50 disabled:cursor-not-allowed`}
whileHover={!isExporting ? { scale: 1.02 } : {}}
whileTap={!isExporting ? { scale: 0.98 } : {}}
onClick={handleExport}
@@ -343,12 +343,11 @@ const BasicPanel: React.FC = () => {
{/* 添加按钮 */}
<Button
onClick={addCustomField}
variant={theme === "dark" ? "ghost" : "outline"}
className={cn(
"w-full border-dashed",
"w-full",
theme === "dark"
? "hover:bg-neutral-800 border-neutral-700 text-neutral-200 hover:text-neutral-100"
: "hover:bg-neutral-50 border-neutral-200 text-neutral-600 hover:text-neutral-900"
? "bg-indigo-600 hover:bg-indigo-700 text-white"
: "bg-black hover:bg-neutral-800 text-white"
)}
>
<PlusCircle