[fix] gui crashing

src/lib/SideBars/LoreBookData.svelte

@@ -7,6 +7,7 @@
     import Help from "../Others/Help.svelte";
     import TextInput from "../UI/GUI/TextInput.svelte";
     import NumberInput from "../UI/GUI/NumberInput.svelte";
+  import TextAreaInput from "../UI/GUI/TextAreaInput.svelte";
     export let value:loreBook
     export let onRemove: () => void = () => {}
     let open = false
@@ -58,7 +59,7 @@
             <span class="text-neutral-200 mt-4">{language.insertOrder} <Help key="loreorder"/></span>
             <NumberInput size="sm" bind:value={value.insertorder} min={0} max={1000}/>
             <span class="text-neutral-200 mt-4 mb-2">{language.prompt}</span>
-            <TextInput autocomplete="off" bind:value={value.content} />
+            <TextAreaInput autocomplete="off" bind:value={value.content} />
             <div class="flex items-center mt-4">
                 <Check bind:check={value.alwaysActive} name={language.alwaysActive}/>
             </div>

src/lib/UI/GUI/Check.svelte

@@ -38,7 +38,7 @@
         }}
     />
     <span 
-        class="w-5 h-5 rounded-md border-2 border-gray-600 flex justify-center items-center {check ? 'bg-borderc' : 'bg-gray-700'} transition-colors duration-200"
+        class="w-5 h-5 min-w-5 min-h-5 rounded-md border-2 border-gray-600 flex justify-center items-center {check ? 'bg-borderc' : 'bg-gray-700'} transition-colors duration-200"
     >
         {#if check}
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white" class="w-3 h-3">

tailwind.config.js

@@ -16,7 +16,8 @@ export default {
       minWidth: {
         '20': '5rem',
         '14': '3.5rem',
-        'half': '50%'
+        'half': '50%',
+        '5': '1.25rem'
       },
       maxWidth:{
         'half': '50%',
@@ -36,6 +37,7 @@ export default {
       },
       minHeight:{
         '8': '2rem',
+        '5': '1.25rem',
         '14': '3.5rem',
         '20': '5rem',
         '32': '9rem',