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

fix: fix the different colors on mobile

Browse Source
This commit is contained in:
AprilNEA 2023-03-27 15:47:46 +08:00
parent 6446692db0
commit 785372ad73
No known key found for this signature in database
GPG Key ID: B93E17BB436B4DE1
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/home.tsx
View File

@ -356,6 +356,7 @@ export function Chat(props: { showSideBar?: () => void }) {
function useSwitchTheme() {
const config = useChatStore((state) => state.config);
const screenWidth = window.innerWidth;
useEffect(() => {
const metaDescription = document.querySelector('meta[name="theme-color"]');
@ -364,16 +365,24 @@ function useSwitchTheme() {
document.body.classList.remove("dark");
if (config.theme === "dark") {
document.body.classList.add("dark");
if (metaDescription){
metaDescription.setAttribute('content', "#151515");
if (metaDescription) {
if (screenWidth < 600) {
metaDescription.setAttribute('content', "#1a262a");
} else {
metaDescription.setAttribute('content', "#151515");
}
}
} else if (config.theme === "light") {
document.body.classList.add("light");
if (metaDescription){
metaDescription.setAttribute('content', "#fafafa");
if (metaDescription) {
if (screenWidth < 600) {
metaDescription.setAttribute('content', "#e7f8ff");
} else {
metaDescription.setAttribute('content', "#fafafa");
}
}
}
}, [config.theme]);
}, [config.theme,screenWidth]);
}
function exportMessages(messages: Message[], topic: string) {