Refactor ConnectScreen to use logo image instead of SVG, enhance EQPage with batch editing functionality for PEQ settings, and implement power off confirmation dialog in Home component. Update localization files for new power off features.

This commit is contained in:
yangy
2026-04-21 14:31:31 +08:00
parent 0aa856ed84
commit cf970a6a7f
9 changed files with 300 additions and 32 deletions
+6 -16
View File
@@ -24,22 +24,12 @@ export default function ConnectScreen() {
return (
<div className="min-h-screen bg-black flex flex-col items-center justify-center px-6">
{/* Logo / Brand */}
<div className="mb-12 flex flex-col items-center">
<div className="w-20 h-20 rounded-[24px] flex items-center justify-center mb-5"
style={{
background: "rgba(0,255,246,0.08)",
border: "1px solid rgba(0,255,246,0.2)",
boxShadow: "0 0 40px rgba(0,255,246,0.12)",
}}>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none">
<circle cx="20" cy="20" r="14" stroke="#00FFF6" strokeWidth="2" opacity="0.4" />
<circle cx="20" cy="20" r="8" stroke="#00FFF6" strokeWidth="2" />
<circle cx="20" cy="20" r="3" fill="#00FFF6" />
<line x1="20" y1="6" x2="20" y2="2" stroke="#00FFF6" strokeWidth="2" strokeLinecap="round" />
<line x1="34" y1="20" x2="38" y2="20" stroke="#00FFF6" strokeWidth="2" strokeLinecap="round" opacity="0.5" />
<line x1="2" y1="20" x2="6" y2="20" stroke="#00FFF6" strokeWidth="2" strokeLinecap="round" opacity="0.5" />
</svg>
</div>
<div className="mb-10 flex flex-col items-center">
<img
src={`${import.meta.env.BASE_URL}logo.png`}
alt="Luxsin"
className="mb-4 h-auto w-20 object-contain"
/>
<h1 className="text-[30px] font-bold text-white tracking-tight">Luxsin X8</h1>
<p className="text-[14px] text-white/35 mt-1 tracking-wide">Controller</p>
</div>