latest changes

src/lib/components/ApiKeyModal.svelte

@@ -4,12 +4,6 @@
   import { goto } from "$app/navigation";
 
   export let dialogElement: HTMLDialogElement;
-
-  onMount(() => {
-    if ($HF_ACCESS_TOKEN === "") {
-      dialogElement.showModal();
-    }
-  });
 </script>
 
 <dialog

src/routes/+layout.svelte

@@ -2,6 +2,6 @@
   import "../app.css";
 </script>
 
-<div class="p-4 max-w-xl mx-auto">
+<div class="p-4 max-w-2xl mx-auto">
   <slot />
 </div>

src/routes/+page.svelte

@@ -76,7 +76,7 @@
 
 <ApiKeyModal bind:dialogElement />
 
-<div class="flex flex-col space-y-4 max-w-xl">
+<div class="flex flex-col space-y-4 max-w-2xl">
   <div class="flex flex-row">
     <LogoHuggingFaceBorderless classNames="text-4xl" />
     <h1 class="text-3xl font-semibold mx-auto">Agents.js</h1>