perf: ui调整

src/components/Layout/navbar.tsx

@@ -34,7 +34,7 @@ const Navbar = ({
     >
       {/* logo */}
       <Box pb={4}>
-        <Image src={'/logo.svg'} width={50} height={100} alt=""></Image>
+        <Image src={'/logo.png'} width={'35'} height={'35'} alt=""></Image>
       </Box>
       {/* 导航列表 */}
       <Box flex={1}>

src/components/Layout/navbarPhone.tsx

@@ -45,15 +45,15 @@ const NavbarPhone = ({
       </Flex>
       <Drawer isOpen={isOpen} placement="left" size={'xs'} onClose={onClose}>
         <DrawerOverlay />
-        <DrawerContent maxWidth={'60vw'}>
+        <DrawerContent maxWidth={'50vw'}>
           <DrawerBody p={4}>
-            <Box pb={4}>
+            <Box py={4}>
-              <Image src={'/logo.svg'} w={'100%'} h={'70px'} pt={2} alt=""></Image>
+              <Image src={'/logo.png'} margin={'auto'} w={'35'} h={'35'} alt=""></Image>
             </Box>
             {navbarList.map((item) => (
               <Flex
                 key={item.label}
-                mb={4}
+                mb={5}
                 alignItems={'center'}
                 justifyContent={'center'}
                 onClick={() => {
@@ -61,8 +61,7 @@ const NavbarPhone = ({
                   onClose();
                 }}
                 cursor={'pointer'}
-                fontSize={'sm'}
+                h={'60px'}
-                h={'65px'}
                 borderRadius={'md'}
                 {...(item.activeLink.includes(router.pathname)
                   ? {

src/components/Markdown/index.module.scss

@@ -374,5 +374,6 @@
     background-color: #222;
     color: #fff;
     width: 100%;
+    font-family: 'Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji';
   }
 }

src/pages/chat/index.tsx

@@ -49,36 +49,32 @@ const Chat = () => {
   }, []);
 
   // 初始化聊天框
-  const { isInitialLoading } = useQuery(
+  useQuery([chatId, windowId], () => (chatId ? getInitChatSiteInfo(chatId, windowId) : null), {
-    [chatId, windowId],
+    cacheTime: 5 * 60 * 1000,
-    () => (chatId ? getInitChatSiteInfo(chatId, windowId) : null),
+    onSuccess(res) {
-    {
+      if (!res) return;
-      cacheTime: 5 * 60 * 1000,
+      router.replace(`/chat?chatId=${chatId}&windowId=${res.windowId}`);
-      onSuccess(res) {
-        if (!res) return;
-        router.replace(`/chat?chatId=${chatId}&windowId=${res.windowId}`);
 
-        setChatSiteData(res.chatSite);
+      setChatSiteData(res.chatSite);
-        setChatList(
+      setChatList(
-          res.history.map((item) => ({
+        res.history.map((item) => ({
-            ...item,
+          ...item,
-            status: 'finish'
+          status: 'finish'
-          }))
+        }))
-        );
+      );
-        scrollToBottom();
+      scrollToBottom();
-        setIsLoading(false);
+      setIsLoading(false);
-      },
+    },
-      onError() {
+    onError() {
-        toast({
+      toast({
-          title: '初始化异常,请刷新',
+        title: '初始化异常,请刷新',
-          status: 'error',
+        status: 'error',
-          isClosable: true,
+        isClosable: true,
-          duration: 5000
+        duration: 5000
-        });
+      });
-        setIsLoading(false);
+      setIsLoading(false);
-      }
     }
-  );
+  });
 
   // gpt3 方法
   const gpt3ChatPrompt = useCallback(
@@ -291,7 +287,7 @@ const Chat = () => {
             borderBottom={'1px solid rgba(0,0,0,0.1)'}
           >
             <Flex maxW={'800px'} m={'auto'} alignItems={'flex-start'}>
-              <Box mr={4}>
+              <Box mr={media(4, 1)}>
                 <Image
                   src={item.obj === 'Human' ? '/imgs/human.png' : '/imgs/modelAvatar.png'}
                   alt="/imgs/modelAvatar.png"

src/styles/reset.scss

@@ -24,56 +24,7 @@ td,
 svg {
   margin: 0;
 }
-body,
+
-button,
-input,
-select,
-textarea {
-  font: 12px/1.5tahoma, arial, \5b8b\4f53;
-}
-// h1, h2, h3, h4, h5, h6{ font-size:100%; }
-address,
-cite,
-dfn,
-em,
-var {
-  font-style: normal;
-}
-code,
-kbd,
-pre,
-samp {
-  font-family: couriernew, courier, monospace;
-}
-a {
-  text-decoration: none;
-}
-a:hover {
-  text-decoration: underline;
-}
-sup {
-  vertical-align: text-top;
-}
-sub {
-  vertical-align: text-bottom;
-}
-legend {
-  color: #000;
-}
-fieldset,
-img {
-  border: 0;
-}
-button,
-input,
-select,
-textarea {
-  font-size: 100%;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
 #__next {
   height: 100%;
 }