mirror of
https://github.com/JOYCEQL/magic-resume.git
synced 2026-07-03 14:07:11 +02:00
style: export btn style
This commit is contained in:
@@ -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);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user