From ffcffad465f58a0e121655220027dd0358f5d1a8 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Thu, 15 Jun 2023 21:05:06 +0900
Subject: [PATCH] [feat] classic max width

---
 src/lib/ChatScreens/ChatScreen.svelte | 17 +++++++++--------
 src/ts/storage/database.ts            |  7 +++++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/lib/ChatScreens/ChatScreen.svelte b/src/lib/ChatScreens/ChatScreen.svelte
index 808feacf..360741ea 100644
--- a/src/lib/ChatScreens/ChatScreen.svelte
+++ b/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}>
-        
-        {#if $selectedCharID >= 0}
-            {#if $DataBase.characters[$selectedCharID].viewScreen !== 'none'}
-                <ResizeBox />
-            {/if}
-        {/if}
+    <div class="flex-grow h-full min-w-0 relative justify-center flex">
         <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}">
diff --git a/src/ts/storage/database.ts b/src/ts/storage/database.ts
index 02fb2acc..2fa7a53c 100644
--- a/src/ts/storage/database.ts
+++ b/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{