fix: Remove scrollbar from title & Sort apps A-Z

.vscode/extensions.json

@@ -1,4 +1,4 @@
 {
-  "recommendations": ["astro-build.astro-vscode"],
+  "recommendations": ["astro-build.astro-vscode", "bradlc.vscode-tailwindcss", "esbenp.prettier-vscode"],
   "unwantedRecommendations": []
 }

package.json

@@ -15,16 +15,16 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.7.0",
-    "@astrojs/node": "^8.3.1",
+    "@astrojs/node": "^8.3.2",
     "@astrojs/tailwind": "^5.1.0",
     "@fastify/middie": "^8.3.1",
     "@fastify/static": "^7.0.4",
     "@mercuryworkshop/bare-mux": "^1.1.0",
     "@mercuryworkshop/epoxy-transport": "^1.1.0",
     "@tomphttp/bare-server-node": "^2.0.3",
-    "astro": "^4.11.0",
+    "astro": "^4.11.5",
     "fastify": "^4.28.0",
-    "lucide-astro": "^0.395.0",
+    "lucide-astro": "^0.399.0",
     "mime": "^4.0.3",
     "tailwindcss": "^3.4.4",
     "tsx": "^4.15.7",
@@ -33,8 +33,9 @@
     "wisp-server-node": "^1.1.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.8.2",
+    "@biomejs/biome": "1.8.3",
     "@types/node": "^20.14.8",
+    "daisyui": "^4.12.10",
     "prettier": "^3.3.2",
     "prettier-plugin-astro": "^0.14.0"
   }

src/layouts/Layout.astro

@@ -36,7 +36,6 @@ import { ViewTransitions } from "astro:transitions";
     </script>
     <script is:inline async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>
     <script>
-      // @ts-expect-error shut
       import { SetTransport } from "@mercuryworkshop/bare-mux";
       window.addEventListener("DOMContentLoaded", () => {
         if ("serviceWorker" in navigator) {

src/pages/ap.astro

@@ -18,7 +18,7 @@ const customApps = (Astro.cookies.get("asset.app")?.json() as Asset[]) ?? [];
       Add App
     </button>
     <div class="flex flex-wrap justify-center gap-4 flex-row mt-30">
-      {[...customApps, ...apps].map((app) => <AssetCard asset={app} />)}
+      {[...customApps, ...apps].sort((a, b) => (a.name > b.name ? 1 : -1)).map((app) => <AssetCard asset={app} />)}
     </div>
   </div>
 </Layout>

src/pages/ga.astro

@@ -18,7 +18,7 @@ const customGames = (Astro.cookies.get("asset.game")?.json() as Asset[]) ?? [];
       Add Game
     </button>
     <div class="flex flex-wrap justify-center gap-4 flex-row mt-30">
-      {[...customGames, ...games].map((game) => <AssetCard asset={game} />)}
+      {[...customGames, ...games].sort((a, b) => (a.name > b.name ? 1 : -1)).map((game) => <AssetCard asset={game} />)}
     </div>
   </div>
 </Layout>

src/pages/index.astro

@@ -16,7 +16,7 @@ const splashText = [
 
 <script src="@/lib/cloak.ts"></script>
 <Layout>
-  <div class="flex h-full flex-col">
+  <div class="flex h-full flex-col overflow-hidden">
     <h3 class="flex text-8xl font-black uppercase place-content-center mt-40 hover:scale-105 hover:-translate-y-1 duration-150">Interstellar</h3>
     <div id="form" class="flex mt-4 flex-col items-center justify-center gap-4">
       <span class="text-accent">{splashText[Math.floor(Math.random() * splashText.length)]}</span>

src/pages/to.astro

@@ -13,7 +13,7 @@ const tools: Asset[] = await (await fetch(`${ASSET_URL}/json/tools.json`)).json(
       Tools
     </div>
     <div class="flex flex-wrap justify-center gap-4 flex-row mt-30">
-      {tools.map((tool) => <AssetCard asset={tool} />)}
+      {tools.sort((a, b) => (a.name > b.name ? 1 : -1)).map((tool) => <AssetCard asset={tool} />)}
     </div>
   </div>
 </Layout>

tailwind.config.ts

@@ -1,5 +1,4 @@
-import type { Config } from "tailwindcss";
-const config: Config = {
+module.exports = {
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
   theme: {
     extend: {
@@ -18,6 +17,10 @@ const config: Config = {
       },
     },
   },
-  plugins: [],
-};
-export default config;
+  daisyui: {
+    prefix: "ds-",
+  },
+  plugins: [
+   // require("daisyui") 
+  ],
+}