shen/NextChat
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/NextChat.git synced 2026-03-04 07:48:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: optiminize message&img display

Browse Source
This commit is contained in:
butterfly
2024-04-19 19:28:48 +08:00
parent 1074fffe79
commit 37cc87531c
10 changed files with 132 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/hooks/useDragSideBar.ts
View File

@@ -3,8 +3,9 @@ import {
MAX_SIDEBAR_WIDTH,
MIN_SIDEBAR_WIDTH,
} from "@/app/constant";
import { useAppConfig } from "../store/config";
import { useAppConfig } from "@/app/store/config";
import { useRef } from "react";
import { updateGlobalCSSVars } from "@/app/utils/client";
export default function useDragSideBar() {
const limit = (x: number) =>
@@ -35,9 +36,11 @@ export default function useDragSideBar() {
const d = e.clientX - startX.current;
const nextWidth = limit(startDragWidth.current + d);
const { menuWidth } = updateGlobalCSSVars(nextWidth);
document.documentElement.style.setProperty(
"--sidebar-width",
`${nextWidth}px`,
"--menu-width",
`${menuWidth}px`,
);
config.update((config) => {
config.sidebarWidth = nextWidth;
@@ -62,7 +65,7 @@ export default function useDragSideBar() {
// useLayoutEffect(() => {
// const barWidth = limit(config.sidebarWidth ?? DEFAULT_SIDEBAR_WIDTH);
// document.documentElement.style.setProperty("--sidebar-width", `${barWidth}px`);
// document.documentElement.style.setProperty("--menu-width", `${barWidth}px`);
// }, [config.sidebarWidth]);
return {