fix: styles and store version number

app/components/home.module.scss

@@ -23,17 +23,19 @@
   @include container();
 }
 
-.tight-container {
-  --window-width: 100vw;
-  --window-height: 100vh;
-  --window-content-width: calc(100% - var(--sidebar-width));
+@media only screen and (min-width: 600px) {
+  .tight-container {
+    --window-width: 100vw;
+    --window-height: 100vh;
+    --window-content-width: calc(100% - var(--sidebar-width));
 
-  @include container();
+    @include container();
 
-  max-width: 100vw;
-  max-height: 100vh;
+    max-width: 100vw;
+    max-height: 100vh;
 
-  border-radius: 0;
+    border-radius: 0;
+  }
 }
 
 .sidebar {

app/components/settings.tsx

@@ -147,18 +147,6 @@ export function Settings(props: { closeSettings: () => void }) {
             </select>
           </ListItem>
 
-          <SettingItem title={Locale.Settings.TightBorder}>
-            <input
-              type="checkbox"
-              checked={config.tightBorder}
-              onChange={(e) =>
-                updateConfig(
-                  (config) => (config.tightBorder = e.currentTarget.checked)
-                )
-              }
-            ></input>
-          </SettingItem>
-
           <SettingItem title={Locale.Settings.Lang.Name}>
             <div className="">
               <select
@@ -177,6 +165,20 @@ export function Settings(props: { closeSettings: () => void }) {
               </select>
             </div>
           </SettingItem>
+
+          <div className="no-mobile">
+            <SettingItem title={Locale.Settings.TightBorder}>
+              <input
+                type="checkbox"
+                checked={config.tightBorder}
+                onChange={(e) =>
+                  updateConfig(
+                    (config) => (config.tightBorder = e.currentTarget.checked)
+                  )
+                }
+              ></input>
+            </SettingItem>
+          </div>
         </List>
         <List>
           <SettingItem

app/store.ts

@@ -451,6 +451,7 @@ export const useChatStore = create<ChatStore>()(
     }),
     {
       name: LOCAL_KEY,
+      version: 1,
     }
   )
 );

app/styles/globals.scss

@@ -60,6 +60,10 @@
     --window-content-width: var(--window-width);
     --message-max-width: 100%;
   }
+
+  .no-mobile {
+    display: none;
+  }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -187,4 +191,4 @@ div.math {
   display: flex;
   align-items: center;
   justify-content: center;
-}
+}