fix: 修复CopyButton组件显示问题

- 将 opacity 从 0 改为 1,使按钮默认可见
- 修改 background 从 transparent 为主题背景色
- 现在CopyButton在演示页面中正常显示
This commit is contained in:
Claude Code
2025-11-06 16:20:44 +08:00
parent 3e31718663
commit 9027ba4ac6
+2 -2
View File
@@ -104,13 +104,13 @@ const CopyButton = ({
gap: '6px',
padding: sizeStyles[size].padding,
border: '1px solid var(--ifm-toc-border-color)',
background: copied ? '#28a745' : 'transparent',
background: copied ? '#28a745' : 'var(--ifm-background-color)',
color: copied ? 'white' : 'var(--ifm-font-color-base)',
borderRadius: '4px',
cursor: 'pointer',
fontSize: sizeStyles[size].fontSize,
transition: 'all 0.2s ease',
opacity: 0,
opacity: 1,
}}
className="copy-button"
>