fixup: wont show fullscreen icon on mobile

app/components/chat.tsx

@@ -593,17 +593,19 @@ export function Chat(props: {
               }}
             />
           </div>
-          <div className={styles["window-action-button"]}>
+          {!isMobileScreen() && (
-            <IconButton
+            <div className={styles["window-action-button"]}>
-              icon={chatStore.config.tightBorder ? <MinIcon /> : <MaxIcon />}
+              <IconButton
-              bordered
+                icon={chatStore.config.tightBorder ? <MinIcon /> : <MaxIcon />}
-              onClick={() => {
+                bordered
-                chatStore.updateConfig(
+                onClick={() => {
-                  (config) => (config.tightBorder = !config.tightBorder),
+                  chatStore.updateConfig(
-                );
+                    (config) => (config.tightBorder = !config.tightBorder),
-              }}
+                  );
-            />
+                }}
-          </div>
+              />
+            </div>
+          )}
         </div>
 
         <PromptToast

app/components/home.tsx

@@ -114,6 +114,10 @@ function useDragSideBar() {
   };
 
   useEffect(() => {
+    if (isMobileScreen()) {
+      return;
+    }
+
     document.documentElement.style.setProperty(
       "--sidebar-width",
       `${limit(chatStore.config.sidebarWidth ?? 300)}px`,