UPDATE: Update UI

README.md

@@ -15,8 +15,7 @@ The application is deployed and available at the following URLs:
 
 | Role | URL |
 | :--- | :--- |
-| **Main Site** | [srtools.kain.id.vn](https://srtools.kain.id.vn) |
+| **Main Site** | [srtools.punklorde.org](https://srtools.punklorde.org) |
-| **Backup / Vercel Mirror** | [firefly-srtools.vercel.app](https://firefly-srtools.vercel.app) |
 
 ---
 

messages/cn.json

@@ -1,7 +1,7 @@
 {
 	"TabTitle": {
 		"title": "Firefly Tools",
-		"description": "Firefly tools by Kain"
+		"description": "Firefly tools by Firefly Shelter"
 	},
 	"DataPage": {
 		"skillType": "技能类型",

messages/en.json

@@ -1,7 +1,7 @@
 {
 	"TabTitle": {
 		"title": "Firefly Tools",
-		"description": "Firefly tools by Kain"
+		"description": "Firefly tools by Firefly Shelter"
 	},
 	"DataPage": {
 		"skillType": "Skill Type",

messages/ja.json

@@ -1,7 +1,7 @@
 {
 	"TabTitle": {
 		"title": "Firefly Tools",
-		"description": "Firefly tools by Kain"
+		"description": "Firefly tools by Firefly Shelter"
 	},
 	"DataPage": {
 		"skillType": "スキルタイプ",

messages/ko.json

@@ -1,7 +1,7 @@
 {
 	"TabTitle": {
 		"title": "Firefly Tools",
-		"description": "Firefly tools by Kain"
+		"description": "Firefly tools by Firefly Shelter"
 	},
 	"DataPage": {
 		"skillType": "스킬 유형",

messages/vi.json

@@ -1,7 +1,7 @@
 {
 	"TabTitle": {
 		"title": "Firefly Tools",
-		"description": "Firefly tools by Kain"
+		"description": "Firefly tools by Firefly Shelter"
 	},
 	"DataPage": {
 		"skillType": "Loại kỹ năng",

messages/zh.json

@@ -1,7 +1,7 @@
 {
 	"TabTitle": {
 		"title": "Firefly Tools",
-		"description": "Firefly tools by Kain"
+		"description": "Firefly tools by Firefly Shelter"
 	},
 	"DataPage": {
 		"skillType": "技能类型",

src/app/layout.tsx

@@ -25,7 +25,7 @@ const geistMono = Geist_Mono({
 
 export const metadata: Metadata = {
   title: "Firefly SrTools",
-  description: "SrTools by Kain",
+  description: "SrTools by Firefly Shelter",
   icons: {
     icon: "/ff-srtool.png",
     shortcut: "/ff-srtool.ico",
@@ -33,12 +33,12 @@ export const metadata: Metadata = {
   },
   openGraph: {
     title: "Firefly SrTools",
-    description: "SrTools by Kain",
+    description: "SrTools by Firefly Shelter",
-    url: "https://srtools.kain.id.vn",
+    url: "https://srtools.punklorde.org",
     siteName: "Firefly SrTools",
     images: [
       {
-        url: "https://srtools.kain.id.vn/ff-srtool.png",
+        url: "https://srtools.punklorde.org/ff-srtool.png",
         width: 312,
         height: 312,
         alt: "Firefly SrTools Logo",
@@ -50,8 +50,8 @@ export const metadata: Metadata = {
   twitter: {
     card: "summary_large_image",
     title: "Firefly SrTools",
-    description: "SrTools by Kain",
+    description: "SrTools by Firefly Shelter",
-    images: ["https://srtools.kain.id.vn/ff-srtool.png"],
+    images: ["https://srtools.punklorde.org/ff-srtool.png"],
   },
 };
 

src/components/actionBar/index.tsx

@@ -417,7 +417,7 @@ export default function ActionBar() {
 
         {modalConfigs.map(({ id, title, onClose, content }) => (
           <dialog key={id} id={id} className="modal">
-            <div className="modal-box w-11/12 max-w-7xl max-h-[85vh] bg-base-100 text-base-content border border-purple-500/50 shadow-lg shadow-purple-500/20">
+            <div className="modal-box w-11/12 max-w-[90%] max-h-[85vh] bg-base-100 text-base-content border border-purple-500/50 shadow-lg shadow-purple-500/20">
               <div className="sticky top-0 z-10">
                 <motion.button
                   whileHover={{ scale: 1.1, rotate: 90 }}

src/components/changelog/index.tsx

@@ -1,6 +1,6 @@
 
 import useLocaleStore from '@/stores/localeStore';
-import { Check, AlertCircle, Sparkles, Bug, Zap, Package, Calendar } from 'lucide-react';
+import { Check, Sparkles, Bug, Zap, Package, Calendar } from 'lucide-react';
 
 export default function ChangelogBar() {
     const { changelog } = useLocaleStore()
@@ -47,12 +47,9 @@ export default function ChangelogBar() {
     return (
         <div className="md:p-4">
             {/* Alert */}
-            <div className="alert alert-info mb-4 md:p-2 p-1">
+            {/* <div className="alert alert-info mb-4 md:p-2 p-1">
                 <AlertCircle className="w-6 h-6" />
-                <div>
+            </div> */}
-                    <h3 className="font-bold text-sm">If you have any suggestions or problems, please contact me! @kain0304</h3>
-                </div>
-            </div>
 
             {/* Timeline */}
             <div className="flex flex-col gap-4">

src/components/footer/index.tsx

@@ -2,7 +2,7 @@ export default function Footer() {
     return (
         <footer className="footer footer-horizontal footer-center bg-base-200 text-base-content rounded p-10">
             <aside>
-                <p>Copyright © {new Date().getFullYear()} - Kain (Powered by Nextjs & DaisyUi)</p>
+                <p>Copyright © {new Date().getFullYear()} - Firefly Shelter (Powered by Nextjs & DaisyUi)</p>
             </aside>
         </footer>
     )

src/components/header/index.tsx

@@ -359,7 +359,7 @@ export default function Header() {
                                     Tools
                                 </span>
                             </h1>
-                            <p className="text-sm text-gray-500">By Kain</p>
+                            <p className="text-sm text-gray-500">Firefly Shelter</p>
                         </div>
                     </div>
                 </a>
@@ -567,7 +567,7 @@ export default function Header() {
 
             {modalConfigs?.map(({ id, title, onClose, content }) => (
                 <dialog key={id} id={id} className="modal">
-                    <div className="modal-box w-11/12 max-w-7xl max-h-[85vh] bg-base-100 text-base-content border border-purple-500/50 shadow-lg shadow-purple-500/20">
+                    <div className="modal-box w-11/12 max-w-[90%] max-h-[85vh] bg-base-100 text-base-content border border-purple-500/50 shadow-lg shadow-purple-500/20">
                         <div className="sticky top-0 z-10">
                             <motion.button
                                 whileHover={{ scale: 1.1, rotate: 90 }}

src/components/relicBar/index.tsx

@@ -245,7 +245,7 @@ export default function RelicMaker() {
                     {transI18n("relicMaker")}
                 </h3>
             </div>
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-7xl">
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-2">
 
                 {/* Left Panel */}
                 <div className="space-y-6">

src/components/relicsInfo/index.tsx

@@ -173,7 +173,6 @@ export default function RelicsInfo() {
 
   return (
     <div className="max-h-[77vh] min-h-[50vh] overflow-y-scroll overflow-x-hidden">
-      <div className="max-w-7xl">
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
 
         {/* Left Section - Items Grid */}
@@ -184,7 +183,7 @@ export default function RelicsInfo() {
               {transI18n("relics")}
             </h2>
 
-              <div className="grid grid-cols-2 md:grid-cols-3 gap-6 max-w-2xl">
+            <div className="grid grid-cols-2 md:grid-cols-3 gap-6">
               {["1", "2", "3", "4", "5", "6"].map((item, index) => (
                 <div key={index} className="relative group">
                   <div
@@ -334,11 +333,10 @@ export default function RelicsInfo() {
           </div>
         </div>
       </div>
-      </div>
 
       {modalConfigs.map(({ id, title, onClose, content }) => (
         <dialog key={id} id={id} className="modal">
-          <div className="modal-box w-11/12 max-w-7xl max-h-[85vh] bg-base-100 text-base-content border border-purple-500/50 shadow-lg shadow-purple-500/20">
+          <div className="modal-box w-11/12 max-w-[90%] max-h-[85vh] bg-base-100 text-base-content border border-purple-500/50 shadow-lg shadow-purple-500/20">
             <div className="sticky top-0 z-10">
               <motion.button
                 whileHover={{ scale: 1.1, rotate: 90 }}