优化图标

This commit is contained in:
eafonyang
2026-07-03 15:58:53 +08:00
parent 0d64495ebd
commit ef83c71239
2 changed files with 13 additions and 7 deletions
+11 -5
View File
@@ -45,6 +45,8 @@ import {
SquareArrowRightEnter,
SquareArrowRightExit,
FileMusic,
Minus,
Plus,
} from "lucide-react";
import { useLocation } from "wouter";
import { useRef, useState, useEffect, useCallback, useMemo } from "react";
@@ -790,7 +792,9 @@ export default function Home() {
applyVolume(next);
}}
>
<span className="text-[20px] leading-none">-</span>
<span className="text-[20px] leading-none">
<Minus size={20} className="text-[#00FFF6]" />
</span>
</button>
<span
@@ -820,7 +824,9 @@ export default function Home() {
applyVolume(next);
}}
>
<span className="text-[20px] leading-none">+</span>
<span className="text-[20px] leading-none">
<Plus size={20} className="text-[#00FFF6]" />
</span>
</button>
</div>
@@ -843,19 +849,19 @@ export default function Home() {
onClick={() => updateSetting({ bt_next: 0 })}
className="w-10 h-10 rounded-full flex items-center justify-center transition-all active:scale-95"
style={{ background: "rgba(0,255,246,0.15)", border: "1px solid rgba(0,255,246,0.3)" }}>
<SkipBack size={20} className="text-[#00FFF6]" />
<SkipBack size={18} className="text-[#00FFF6]" />
</button>
<button
onClick={() => updateSetting({ bt_play: 1 })}
className="w-12 h-12 rounded-full flex items-center justify-center transition-all active:scale-95"
style={{ background: "transparent", border: "1px solid rgba(0,255,246,0.5)", boxShadow: "0 0 12px rgba(0,255,246,0.4)" }}>
{ds.bt_status === 1 ? <Play size={28} className="text-[#00FFF6]" /> : <Pause size={28} className="text-[#00FFF6]" />}
{ds.bt_status === 1 ? <Play size={23} className="text-[#00FFF6]" /> : <Pause size={28} className="text-[#00FFF6]" />}
</button>
<button
onClick={() => updateSetting({ bt_next: 1 })}
className="w-10 h-10 rounded-full flex items-center justify-center transition-all active:scale-95"
style={{ background: "rgba(0,255,246,0.15)", border: "1px solid rgba(0,255,246,0.3)" }}>
<SkipForward size={20} className="text-[#00FFF6]" />
<SkipForward size={18} className="text-[#00FFF6]" />
</button>
</div>
</div>