singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

fix: scroll ux on ios device

Browse Source
This commit is contained in:
Yifei Zhang 2023-03-16 16:08:16 +00:00
parent 701a6e413f
commit a2baad9c7f
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/home.module.scss
View File

@ -317,6 +317,12 @@
outline: none;
}
@media only screen and (max-width: 600px) {
.chat-input {
font-size: 16px;
}
}
.chat-input:focus {
border: 1px solid var(--primary);
}

14
app/components/home.tsx
View File

@ -177,10 +177,14 @@ export function Chat(props: { showSideBar?: () => void }) {
);
useEffect(() => {
latestMessageRef.current?.scrollIntoView({
behavior: "smooth",
block: "end",
});
const dom = latestMessageRef.current;
const rect = dom?.getBoundingClientRect();
if (dom && rect && rect?.top >= document.documentElement.clientHeight - 120) {
dom.scrollIntoView({
behavior: "smooth",
block: "end"
});
}
});
return (
@ -322,7 +326,7 @@ export function Home() {
const loading = !useChatStore?.persist?.hasHydrated();
const [showSideBar, setShowSideBar] = useState(true);
// settings
// setting
const [openSettings, setOpenSettings] = useState(false);
const config = useChatStore((state) => state.config);