Firefly-Shelter/Firefly_Launcher
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 24 Wiki Activity

UPDATE: go 1.26.1, new data, fix ui

Browse Source
This commit is contained in:
Azen Kain
2026-04-03 12:35:11 +07:00
parent 2b7ebfb4e6
commit d0427142e3
8 changed files with 1034 additions and 1537 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
frontend/src/components/header/index.tsx
View File

@@ -25,15 +25,23 @@ export default function Header() {
]
return (
<div className="navbar sticky top-0 z-50 px-3" style={{ '--wails-draggable': 'drag' } as any}>
<div
className="navbar sticky top-0 z-50 px-3"
style={{ '--wails-draggable': 'drag' } as any}
>
{/* LEFT */}
<div className="navbar-start">
<div className="dropdown">
<div className="dropdown" style={{ '--wails-draggable': 'no-drag' } as any}>
<div tabIndex={0} role="button" className="btn btn-ghost md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 6h16M4 12h8m-8 6h16" /> </svg>
<svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 6h16M4 12h8m-8 6h16" />
</svg>
</div>
<ul
tabIndex={0}
className="menu menu-sm dropdown-content bg-black/50 backdrop-blur-md rounded-box z-1 mt-3 w-52 p-2 shadow">
className="menu menu-sm dropdown-content bg-black/50 backdrop-blur-md rounded-box z-1 mt-3 w-52 p-2 shadow"
>
<li><Link to="/">Home</Link></li>
<li>
@@ -43,6 +51,7 @@ export default function Header() {
<li><Link to="/diff">Diff</Link></li>
</ul>
</li>
<li>
<a>Plugins</a>
<ul className="p-2">
@@ -50,50 +59,43 @@ export default function Header() {
<li><Link to="/srtools">SrTools</Link></li>
</ul>
</li>
<li><Link to="/howto">How to?</Link></li>
<li><Link to="/about">About</Link></li>
</ul>
</div>
<Link to="/" className="grid grid-cols-1 items-start text-left gap-0">
<div className="flex items-center justify-center">
<img src="/appicon.png" alt="Logo" className='w-13 h-13 rounded-lg mx-2' />
<div className="flex flex-col justify-center items-start">
<h1 className="text-xl font-bold">
<span className="text-emerald-500"
style={{
textShadow: '0 1px 2px rgba(255, 255, 255, 0.2)',
}}
>Firefly </span>
<span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500"
style={{
textShadow: '0 1px 2px rgba(255, 255, 255, 0.2)',
}}
>
<span className="text-emerald-500">Firefly </span>
<span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500">
Launcher
</span>
</h1>
<p
className="text-white text-sm"
style={{
textShadow: '0 1px 2px rgba(0, 0, 0, 0.8)',
}}
>
By Kain
</p>
<p className="text-white text-sm">By Kain</p>
</div>
</div>
</Link>
</div>
<div className="navbar-center hidden md:flex bg-black/40 backdrop-blur-sm rounded-lg shadow-lg">
{/* CENTER */}
<div
className="navbar-center hidden md:flex bg-black/40 backdrop-blur-sm rounded-lg shadow-lg"
style={{ '--wails-draggable': 'no-drag' } as any}
>
<ul className="menu menu-horizontal px-1 gap-4 text-white">
<li>
<Link to="/" className="flex items-center gap-2 hover:text-cyan-300 transition-colors">
<Link to="/" className="flex items-center gap-2 hover:text-cyan-300">
<Home size={18} /> Home
</Link>
</li>
<li>
<details>
<summary className="flex items-center gap-2 cursor-pointer hover:text-cyan-300 transition-colors">
<summary className="flex items-center gap-2 cursor-pointer hover:text-cyan-300">
<Wrench size={18} /> Tools
</summary>
<ul className="p-2 bg-black/75 text-white rounded-lg">
@@ -110,9 +112,10 @@ export default function Header() {
</ul>
</details>
</li>
<li>
<details>
<summary className="flex items-center gap-2 cursor-pointer hover:text-cyan-300 transition-colors">
<summary className="flex items-center gap-2 cursor-pointer hover:text-cyan-300">
<Puzzle size={18} /> Plugins
</summary>
<ul className="p-2 bg-black/75 text-white rounded-lg">
@@ -129,30 +132,34 @@ export default function Header() {
</ul>
</details>
</li>
<li>
<Link to="/howto" className="flex items-center gap-2 hover:text-cyan-300 transition-colors">
<Link to="/howto" className="flex items-center gap-2 hover:text-cyan-300">
<BookOpen size={18} /> How to?
</Link>
</li>
<li>
<Link to="/about" className="flex items-center gap-2 hover:text-cyan-300 transition-colors">
<Link to="/about" className="flex items-center gap-2 hover:text-cyan-300">
<Info size={18} /> About
</Link>
</li>
</ul>
</div>
<div className="navbar-end flex gap-2 z-52">
{/* RIGHT */}
<div
className="navbar-end flex gap-2 z-52"
style={{ '--wails-draggable': 'no-drag' } as any}
>
<div className="flex items-center gap-2 bg-black/40 backdrop-blur-sm rounded-lg">
{controlButtons.map((btn, i) => (
<div key={i} className="tooltip tooltip-bottom" data-tip={btn.tip}>
<button
onClick={btn.action}
className="btn btn-ghost btn-circle bg-transparent border-none flex items-center justify-center"
className="btn btn-ghost btn-circle"
>
<div className="hover:text-cyan-300 transition-colors">
{btn.icon}
</div>
{btn.icon}
</button>
</div>
))}