fix(ui): keep the skill detail copy buttons transparent

bg-none only clears background-image, so the buttons fell back to the
browser's default button background instead of the transparent one the
inline style had.
This commit is contained in:
Yuneng Jiang 2026-09-01 10:27:43 -07:00
parent 2757399c99
commit 8acdb92087
No known key found for this signature in database

View file

@ -182,7 +182,7 @@ const SkillDetail: React.FC<SkillDetailProps> = ({ skill, onBack }) => {
<button
onClick={() => copyToClipboard(installCommand, "install")}
className={cn(
"flex cursor-pointer items-center gap-1 border-none bg-none p-0 text-xs",
"flex cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-xs",
copiedKey === "install" ? "text-success" : "text-info",
)}
>
@ -230,7 +230,7 @@ const SkillDetail: React.FC<SkillDetailProps> = ({ skill, onBack }) => {
copyToClipboard(`/plugin marketplace add ${origin}/claude-code/marketplace.json`, "marketplace-cmd");
}}
className={cn(
"flex cursor-pointer items-center gap-1 border-none bg-none p-0 text-xs",
"flex cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-xs",
copiedKey === "marketplace-cmd" ? "text-success" : "text-info",
)}
>
@ -255,7 +255,7 @@ const SkillDetail: React.FC<SkillDetailProps> = ({ skill, onBack }) => {
<button
onClick={() => copyToClipboard(settingsSnippet, "settings")}
className={cn(
"flex cursor-pointer items-center gap-1 border-none bg-none p-0 text-xs",
"flex cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-xs",
copiedKey === "settings" ? "text-success" : "text-info",
)}
>