feat: clean up std ui

Author: load1n9

islands/MobileMenu.tsx

@@ -79,7 +79,6 @@ export default function MobileMenu() {
     };
   }, [isOpen]);
 
-
   return (
     <>
       {/* Mobile Menu Button - Only visible on mobile */}
@@ -94,7 +93,7 @@ export default function MobileMenu() {
 
       {/* Mobile Menu Modal */}
       {isOpen && (
-        <div class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-start justify-center pt-20 px-4 md:hidden">
+        <div class="fixed inset-0 backdrop-blur-sm z-50 flex items-start justify-center pt-20 px-4 md:hidden">
           <div
             ref={menuRef}
             class="w-full max-w-md bg-base rounded-2xl shadow-2xl border border-surface1 overflow-hidden"
@@ -125,7 +124,9 @@ export default function MobileMenu() {
                     href={link.href}
                     class={`flex items-center gap-3 px-4 py-3 rounded-xl transition-all duration-200 ${link.hoverBg} group`}
                   >
-                    <div class={`${link.color} transition-transform group-hover:scale-110`}>
+                    <div
+                      class={`${link.color} transition-transform group-hover:scale-110`}
+                    >
                       <IconComponent size={20} />
                     </div>
                     <span class="text-text font-medium group-hover:text-text transition-colors">

islands/SearchComponent.tsx

@@ -217,7 +217,7 @@ export default function SearchComponent({
   }
 
   return (
-    <div class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-start justify-center pt-20 px-4">
+    <div class="fixed inset-0 backdrop-blur-sm z-50 flex items-start justify-center pt-20 px-4">
       <div class="w-full max-w-2xl bg-base rounded-2xl shadow-2xl border border-surface1 overflow-hidden">
         {/* Search Input */}
         <div class="flex items-center gap-3 p-4 border-b border-surface1">

routes/std/[...path].tsx

@@ -1,11 +1,12 @@
 import type { PageProps } from "fresh";
+import { File, FileText, Folder } from "lucide-preact";
 import { CodeBlock } from "../../components/CodeBlock.tsx";
 import { Content as MarkdownContent } from "../../components/Content.tsx";
 import Footer from "../../components/Footer.tsx";
-import NavBar from "../../components/NavBar.tsx";
 import Meta from "../../components/Meta.tsx";
-import { isHtmlRequest } from "../../utils/mod.ts";
+import NavBar from "../../components/NavBar.tsx";
 import { createStdMeta } from "../../utils/meta.ts";
+import { isHtmlRequest } from "../../utils/mod.ts";
 
 interface TreeItem {
   name: string;
@@ -238,10 +239,10 @@ export default async function StdPage(props: PageProps<never>) {
                             if (it.type === "dir") {
                               return (
                                 <a
-                                  class="text-blue-300 hover:underline font-medium"
+                                  class="text-blue-300 inline-flex hover:underline font-medium"
                                   href={`/std/${it.path}`}
                                 >
-                                  📁 {it.name}
+                                  <Folder class="mr-2" /> {it.name}
                                 </a>
                               );
                             }
@@ -258,20 +259,20 @@ export default async function StdPage(props: PageProps<never>) {
                               const href = dir ? `/std/${dir}` : "/std";
                               return (
                                 <a
-                                  class="text-sky-200 hover:underline font-medium"
+                                  class="text-sky-200 inline-flex hover:underline font-medium"
                                   href={href}
                                 >
-                                  📄 {it.name}
+                                  <File class="mr-2" /> {it.name}
                                 </a>
                               );
                             }
 
                             return (
                               <a
-                                class="text-sky-200 hover:underline font-medium"
+                                class="text-sky-200 inline-flex hover:underline font-medium"
                                 href={`/std/${it.path}`}
                               >
-                                📄 {it.name}
+                                <FileText class="mr-2" /> {it.name}
                               </a>
                             );
                           })()}

static/sw.js

@@ -1,5 +1,5 @@
 // deno-lint-ignore-file no-unused-vars
-const CACHE_VERSION = "v28"; // Increment this when you have new features
+const CACHE_VERSION = "v29"; // Increment this when you have new features
 // const STATIC_CACHE = `andromeda-static-${CACHE_VERSION}`;
 const DYNAMIC_CACHE = `andromeda-dynamic-${CACHE_VERSION}`;