feat: adjust block ad button style

This commit is contained in:
shinya
2025-07-04 12:27:36 +08:00
parent b7b59932fe
commit b4ea3d4f1d

View File

@@ -1917,7 +1917,6 @@ const FavoriteIcon = ({ filled }: { filled: boolean }) => {
// 新增:去广告图标组件 // 新增:去广告图标组件
const AdBlockIcon = ({ enabled }: { enabled: boolean }) => { const AdBlockIcon = ({ enabled }: { enabled: boolean }) => {
const color = enabled ? '#22c55e' : '#ffffff'; // Tailwind green-500 or white
return ( return (
<svg <svg
className='h-6 w-6 vds-icon' // 略微放大尺寸 className='h-6 w-6 vds-icon' // 略微放大尺寸
@@ -1932,20 +1931,21 @@ const AdBlockIcon = ({ enabled }: { enabled: boolean }) => {
fontWeight='bold' fontWeight='bold'
textAnchor='middle' textAnchor='middle'
dominantBaseline='middle' dominantBaseline='middle'
fill={color} fill='#ffffff'
> >
AD AD
</text> </text>
{/* 斜线 */} {enabled && (
<line <line
x1='4' x1='4'
y1='4' y1='4'
x2='28' x2='28'
y2='28' y2='28'
stroke={color} stroke='#ffffff'
strokeWidth='4' strokeWidth='4'
strokeLinecap='round' strokeLinecap='round'
/> />
)}
</svg> </svg>
); );
}; };