[feat] classic max width

src/lib/ChatScreens/ChatScreen.svelte

@@ -27,15 +27,16 @@
     })()
 </script>
 {#if $DataBase.theme === ''}
-    <div class="flex-grow h-full min-w-0 relative" style={bgImg}>
+    <div class="flex-grow h-full min-w-0 relative justify-center flex">
-        
-        {#if $selectedCharID >= 0}
-            {#if $DataBase.characters[$selectedCharID].viewScreen !== 'none'}
-                <ResizeBox />
-            {/if}
-        {/if}
         <BackgroundDom />
-        <DefaultChatScreen customStyle={bgImg.length > 2 ? `${externalStyles}`: ''} bind:openChatList/>
+        <div style={bgImg} class="h-full w-full" class:max-w-6xl={$DataBase.classicMaxWidth}>
+            {#if $selectedCharID >= 0}
+                {#if $DataBase.characters[$selectedCharID].viewScreen !== 'none'}
+                    <ResizeBox />
+                {/if}
+            {/if}
+            <DefaultChatScreen customStyle={bgImg.length > 2 ? `${externalStyles}`: ''} bind:openChatList/>
+        </div>
     </div>
 {:else if $DataBase.theme === 'waifu'}
     <div class="flex-grow h-full flex justify-center relative" style="max-width:calc({$sideBarStore ? $SizeStore.w - 400 : $SizeStore.w}px);{bgImg.length < 4 ? wallPaper : bgImg}">

src/ts/storage/database.ts

@@ -260,7 +260,9 @@ export function setDatabase(data:Database){
     if(checkNullish(data.imageCompression)){
         data.imageCompression = true
     }
-
+    if(checkNullish(data.classicMaxWidth)){
+        data.classicMaxWidth = false
+    }
     changeLanguage(data.language)
     DataBase.set(data)
 }
@@ -519,7 +521,8 @@ export interface Database{
             access_token?:string
             expires_in?: number
         }
-    }
+    },
+    classicMaxWidth: boolean
 }
 
 interface hordeConfig{