UPDATE: Fix ui and add License

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Firefly Shelter
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

frontend/src/components/header/index.tsx

@@ -2,34 +2,30 @@ import { Link } from "@tanstack/react-router";
 import useModalStore from "@/stores/modalStore";
 import { Blend, BookOpen, Diff, Home, Info, Languages, Minus, Puzzle, Settings, TrendingUpDown, Wrench, X } from "lucide-react";
 import { AppService } from "@bindings/firefly-launcher/internal/app-service";
-import { motion } from "motion/react";
 
 export default function Header() {
     const { setIsOpenSettingModal } = useModalStore()
 
     const controlButtons = [
         {
-            icon: <Settings className="w-5 h-5 text-white" />,
+            icon: <Settings className="w-5 h-5" />,
             action: () => setIsOpenSettingModal(true),
             tip: "Settings",
-            hover: { rotate: 20, color: "#ffffff" },
         },
         {
-            icon: <Minus className="w-5 h-5 text-white" />,
+            icon: <Minus className="w-5 h-5" />,
             action: () => AppService.MinimizeApp(),
             tip: "Minimize",
-            hover: { rotate: 20, color: "#ffffff" },
         },
         {
-            icon: <X className="w-5 h-5 text-white" />,
+            icon: <X className="w-5 h-5" />,
             action: () => AppService.CloseApp(),
             tip: "Close",
-            hover: {color: "#ffffff", rotate: -10 },
         },
     ]
 
     return (
-        <div className="navbar sticky top-0 z-50 px-3">
+        <div className="navbar sticky top-0 z-50 px-3" style={{ '--wails-draggable': 'drag' } as any}>
             <div className="navbar-start">
                 <div className="dropdown">
                     <div tabIndex={0} role="button" className="btn btn-ghost md:hidden">
@@ -58,17 +54,32 @@ export default function Header() {
                         <li><Link to="/about">About</Link></li>
                     </ul>
                 </div>
-                <Link to="/" className="grid grid-cols-1 items-start text-left gap-0 hover:scale-105 px-2">
+                <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">Firefly </span>
-                                <span className="bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-orange-500 to-red-500">
+                                <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)',
+                                    }}
+                                >
                                     Launcher
                                 </span>
                             </h1>
-                            <p className="text-sm text-gray-500">By Kain</p>
+                            <p
+                                className="text-white text-sm"
+                                style={{
+                                    textShadow: '0 1px 2px rgba(0, 0, 0, 0.8)',
+                                }}
+                            >
+                                By Kain
+                            </p>
                         </div>
                     </div>
                 </Link>
@@ -135,14 +146,14 @@ export default function Header() {
                 <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}>
-                            <motion.button
-                                whileHover={btn.hover}
-                                transition={{ type: "spring"}}
+                            <button
                                 onClick={btn.action}
                                 className="btn btn-ghost btn-circle bg-transparent border-none flex items-center justify-center"
                             >
-                                {btn.icon}
-                            </motion.button>
+                                <div className="hover:text-cyan-300 transition-colors">
+                                    {btn.icon}
+                                </div>
+                            </button>
                         </div>
                     ))}
                 </div>

frontend/src/components/settingModal/index.tsx

@@ -14,8 +14,9 @@ export default function SettingModal({
     if (!isOpen) return null
 
     const { setIsOpenSelfUpdateModal } = useModalStore()
-    const { closingOption, setClosingOption } = useSettingStore()
-    const { setUpdateData, updateData } = useLauncherStore()
+    const { closingOption, setClosingOption, serverVersion,
+        proxyVersion, } = useSettingStore()
+    const { setUpdateData, updateData, launcherVersion } = useLauncherStore()
     const CheckUpdate = async () => {
         const launcherData = await CheckUpdateLauncher()
         if (!launcherData.isUpdate) {
@@ -32,7 +33,7 @@ export default function SettingModal({
     }
 
     return (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm">
+        <div className="fixed inset-0 z-10 flex items-center justify-center bg-black/40 backdrop-blur-sm">
             <div className="relative w-[90%] max-w-md bg-base-100 text-base-content rounded-2xl border border-purple-500/30 shadow-2xl shadow-purple-500/30 p-6">
                 {/* Header */}
                 <div className="flex justify-between items-center mb-6">
@@ -90,6 +91,24 @@ export default function SettingModal({
                             </div>
                         </label>
                     </div>
+
+
+                    {/* Section 3: Launcher Version */}
+                    <div className="p-4 bg-base-200 rounded-xl border border-purple-300 shadow-sm">
+                        <h4 className="font-bold text-lg mb-2">Version</h4>
+                        <div className="flex flex-wrap gap-2">
+                        <p className="text-base text-info">
+                            Server: {serverVersion}
+                        </p>
+                        <p className="text-base text-info">
+                            Proxy: {proxyVersion}
+                        </p>
+
+                        <p className="text-base text-info">
+                            Launcher: {launcherVersion}
+                        </p>
+                        </div>
+                    </div>
                 </div>
 
             </div>

frontend/src/pages/launcher/index.tsx

@@ -16,7 +16,8 @@ import { BackgroundSelector } from '@/components/backgroudModal';
 
 
 export default function LauncherPage() {
-    const { gamePath,
+    const { 
+        gamePath,
         setGamePath,
         setGameDir,
         serverPath,
@@ -48,7 +49,7 @@ export default function LauncherPage() {
         progressDownload,
         downloadSpeed,
         updateData,
-        launcherVersion,
+        // launcherVersion,
         setLauncherVersion,
         setIsLoading,
         setDownloadType,
@@ -280,11 +281,11 @@ export default function LauncherPage() {
             />
 
             {/* Header */}
-            <header className="hidden sm:flex fixed z-10 items-center justify-between p-6 ">
-                <div className="text-2xl font-bold text-white bg-black/5 backdrop-blur-md rounded-full p-2">Firefly GO</div>
+            <header className="hidden sm:flex fixed z-10 items-center justify-between py-6 px-4 ">
+                <div className="text-2xl font-bold text-white bg-gray-500/5 rounded-full p-1">Firefly GO</div>
             </header>
 
-            <div className="hidden sm:flex fixed top-1/4 right-4 z-10 flex-col space-y-3 bg-black/30 backdrop-blur-md rounded-xl p-3 shadow-lg">
+            <div className="hidden sm:flex fixed top-1/4 right-4 z-10 flex-col space-y-3 bg-white/5 rounded-xl p-3 shadow-lg">
                 {widgetLinks.map((link, idx) => (
                     <div key={idx} className="tooltip tooltip-left" data-tip={link.tooltip}>
                         <a
@@ -311,7 +312,7 @@ export default function LauncherPage() {
                 </div>
             </div>
 
-            <div className="hidden sm:flex fixed top-1/2 left-4 z-10 ">
+            <div className="hidden sm:flex fixed top-1/2 left-5 z-10 ">
                 <BackgroundSelector />
             </div>
 
@@ -399,7 +400,7 @@ export default function LauncherPage() {
                 || !updateData.proxy.isExists
                 || !updateData.server.isExists
             ) && (
-                    <div className="fixed bottom-4 left-1/2  transform -translate-x-1/2 z-10 w-[60vw] bg-black/20 backdrop-blur-sm rounded-lg p-4 shadow-lg">
+                    <div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 z-10 w-[60vw] bg-black/20 backdrop-blur-sm rounded-lg p-4 shadow-lg">
                         <div className="space-y-3">
                             <div className="flex justify-center items-center text-sm text-white/80">
                                 <span>{downloadType}</span>
@@ -466,15 +467,11 @@ export default function LauncherPage() {
                 </div>
             )}
 
-            {/* Version Info */}
-            {serverReady && proxyReady && !isDownloading && (
-                <div className="hidden md:block fixed bottom-4 left-4 z-10 text-sm font-bold bg-black/5 backdrop-blur-md rounded-lg p-2 shadow">
-                    <p className="text-primary">Version server: {serverVersion}</p>
-                    <p className="mt-2 text-secondary">Version proxy: {proxyVersion}</p>
-                    <p className="mt-2 text-success">Version launcher: {launcherVersion}</p>
-                </div>
-            )}
+                <div className="hidden md:block fixed bottom-4 left-5 z-10">
 
+                    <img src="/heart-hsr.gif" alt="firefly animation" className="rounded-lg w-24 h-24" />
+
+                </div>
             {/* Modal */}
             <UpdateModal
                 isOpen={isOpenUpdateDataModal}

internal/app-service/app.go

@@ -61,4 +61,3 @@ func (a *AppService) RestoreApp() (bool, string) {
 	window.Restore()
 	return true, ""
 }
-

pkg/constant/constant.go

@@ -10,7 +10,7 @@ const ProxyZipFile = "64bit.zip"
 const LauncherFile = "firefly-launcher.exe"
 const TempUrl = "./temp"
 
-const CurrentLauncherVersion = "2.2.0"
+const CurrentLauncherVersion = "2.2.2"
 
 type ToolFile string