Add grid view

Author: MrCars0n

src/lib/components/LexiconReversalView.svelte

@@ -25,13 +25,11 @@
     }
 </script>
 
-<div class="flex flex-col flex-none">
-    <LexiconLanguageTabs
-        {reversalLanguage}
-        {selectedLanguage}
-        {onSwitchLanguage}
-        {vernacularLanguage}
-    />
+<LexiconLanguageTabs
+    {reversalLanguage}
+    {selectedLanguage}
+    {onSwitchLanguage}
+    {vernacularLanguage}
+/>
 
-    <AlphabetStrip {alphabet} activeLetter={currentLetter} onLetterSelect={handleLetterSelect} />
-</div>
+<AlphabetStrip {alphabet} activeLetter={currentLetter} onLetterSelect={handleLetterSelect} />

src/lib/components/LexiconXMLView.svelte

@@ -185,4 +185,4 @@
     });
 </script>
 
-<pre class="p-4 whitespace-pre-wrap break-words">{@html xmlData}</pre>
+<pre class="p-4 whitespace-pre-wrap break-words min-w-[100vw]">{@html xmlData}</pre>

src/routes/lexicon/+page.svelte

@@ -92,6 +92,9 @@
                 const fileUrl = `${base}/reversal/${defaultReversalKey}/${letter}-${String(fileIndex).padStart(3, '0')}.json`;
                 const response = await fetch(fileUrl, { method: 'HEAD' });
                 if (!response.ok) {
+                    if (response.status === 404) {
+                        console.log(`File not found: ${fileUrl}`);
+                    }
                     moreFiles = false;
                     break;
                 }
@@ -259,7 +262,8 @@
     });
 </script>
 
-<div class="flex flex-col min-h-screen max-h-screen bg-base-100">
+<div class="grid grid-rows-[auto,1fr] fixed bg-base-100" style="height:100vh;height:100dvh;">
+    <!--<div class="flex flex-col min-h-screen max-h-screen bg-base-100">-->
     <Navbar>
         {#snippet center()}
             <label for="sidebar" class="navbar">