fix: make the website also work on mobile

components/PageHero.tsx

@@ -110,7 +110,7 @@ function Subline(
   const ctx = useContext(HeroContext);
   return (
     <div
-      class={`relative flex items-center z-50 flex gap-5 font-sm text-light mt-3`}
+      class={`relative flex items-center z-10 flex gap-5 font-sm text-light mt-3`}
       style={{ color: ctx.image ? "#1F1F1F" : "white" }}
     >
       {children}

islands/KMenu.tsx

@@ -191,7 +191,7 @@ export const KMenu = (
                   }}
                   style={{ outline: "none !important" }}
                   placeholder="Command"
-                  class="bg-transparent color pl-4 outline outline outline-2  outline-offset-2"
+                  class="bg-transparent color pl-4 outline-none"
                 />
               </>
             )}

lib/cache.ts

@@ -6,9 +6,9 @@ interface SetCacheOptions {
   expires?: number; // Override expiration for individual cache entries
 }
 
-export const caches = new Map<
+const caches = new Map<
   string,
-  { info: () => { count: number; sizeInKB: number } }
+  { info: () => { name: string; count: number; sizeInKB: number } }
 >();
 
 export function createCache<T>(
@@ -96,9 +96,10 @@ export function createCache<T>(
   caches.set(cacheName, {
     info: api.info.bind(api),
   });
+
   return api;
 }
 
 export function getCacheInfo() {
-  return caches.values().map((c) => c.info());
+  return [...caches.values().map((c) => c.info())];
 }

lib/crud.ts

@@ -89,10 +89,10 @@ export function createCrud<T extends GenericResource>(
       return;
     }
 
-    const parsed = parse(content, id);
+    let parsed = parse(content, id);
 
     if (hasThumbnails) {
-      return addThumbnailToResource(parsed);
+      parsed = await addThumbnailToResource(parsed);
     }
     const doc = { ...parsed, content };
     cache.set(path, doc, { expires: 10 * 1000 });
@@ -124,7 +124,6 @@ export function createCrud<T extends GenericResource>(
       return;
     }
     const newDoc = transformDocument(content, updater);
-    cache.set("all", undefined);
     await createDocument(path, newDoc);
   }
 

routes/_app.tsx

@@ -19,6 +19,7 @@ export default function App({ Component }: PageProps) {
         />
         <link rel="manifest" href="/site.webmanifest" />
         <meta name="msapplication-TileColor" content="#da532c" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#141218" />
         <style>{globalCss}</style>
         <title>Memorium</title>