mirror of
https://github.com/MoonTechLab/LunaTV.git
synced 2026-05-06 11:49:41 +08:00
feat: adjust block ad button style
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user