From d8f40500bbe0c1f188b60961ca900a480f2476ab Mon Sep 17 00:00:00 2001
From: Max Richter <max.richter@dynabase.de>
Date: Sat, 25 Jan 2025 00:45:22 +0100
Subject: [PATCH] fix: make the website also work on mobile

---
 components/PageHero.tsx | 2 +-
 islands/KMenu.tsx       | 2 +-
 lib/cache.ts            | 7 ++++---
 lib/crud.ts             | 5 ++---
 routes/_app.tsx         | 1 +
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/PageHero.tsx b/components/PageHero.tsx
index b4fc90b..58675c5 100644
--- a/components/PageHero.tsx
+++ b/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}
diff --git a/islands/KMenu.tsx b/islands/KMenu.tsx
index 16c7e39..e3ee48b 100644
--- a/islands/KMenu.tsx
+++ b/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"
                 />
               </>
             )}
diff --git a/lib/cache.ts b/lib/cache.ts
index 979305c..a0d8415 100644
--- a/lib/cache.ts
+++ b/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())];
 }
diff --git a/lib/crud.ts b/lib/crud.ts
index 4dfb3ea..64d0497 100644
--- a/lib/crud.ts
+++ b/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);
   }
 
diff --git a/routes/_app.tsx b/routes/_app.tsx
index 990d5bd..4c24222 100644
--- a/routes/_app.tsx
+++ b/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>