style: export btn style

This commit is contained in:
yuguangzhou
2024-11-10 18:53:15 +08:00
parent 3916ed8763
commit 649c6e27b6
2 changed files with 9 additions and 3 deletions
@@ -1,5 +1,5 @@
"use client";
import React, { useRef, useState } from "react";
import React, { useState } from "react";
import { motion } from "framer-motion";
import { Download, Loader2 } from "lucide-react";
import html2pdf from "html2pdf.js";
@@ -46,7 +46,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}
@@ -43,7 +43,7 @@ const IconSelector = ({ value, onChange, theme }) => {
const selectedIcon =
iconOptions.find((i) => i.value === value) || iconOptions[0];
const handleSelect = (iconValue) => {
const handleSelect = (iconValue: string) => {
onChange(iconValue);
setOpen(false);
};