fixup: wont show fullscreen icon on mobile

ChatGPTNextWeb · Apr 9, 2023 · 3c1e818 · 3c1e818
1 parent 601e72b
commit 3c1e818
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -593,17 +593,19 @@ export function Chat(props: {
  }}
  />
  </div>
- <div className={styles["window-action-button"]}>
- <IconButton
- icon={chatStore.config.tightBorder ? <MinIcon /> : <MaxIcon />}
- bordered
- onClick={() => {
- chatStore.updateConfig(
- (config) => (config.tightBorder = !config.tightBorder),
- );
- }}
- />
- </div>
+ {!isMobileScreen() && (
+ <div className={styles["window-action-button"]}>
+ <IconButton
+ icon={chatStore.config.tightBorder ? <MinIcon /> : <MaxIcon />}
+ bordered
+ onClick={() => {
+ chatStore.updateConfig(
+ (config) => (config.tightBorder = !config.tightBorder),
+ );
+ }}
+ />
+ </div>
+ )}
  </div>
 
  <PromptToast

diff --git a/app/components/home.tsx b/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`,