[feat] classic max width

src/lib/ChatScreens/ChatScreen.svelte

@@ -27,16 +27,17 @@
     })()
 </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">
+        <BackgroundDom />
+        <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}
-        <BackgroundDom />
             <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}">
         <BackgroundDom />

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{