@lobehub/chat 0.82.4 → 0.82.5

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.82.5](https://github.com/lobehub/lobe-chat/compare/v0.82.4...v0.82.5)
+
+<sup>Released on **2023-09-29**</sup>
+
+#### 💄 Styles
+
+- **misc**: Update theme color and styling of mobile settings page.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Update theme color and styling of mobile settings page ([1acfb71](https://github.com/lobehub/lobe-chat/commit/1acfb71))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.82.4](https://github.com/lobehub/lobe-chat/compare/v0.82.3...v0.82.4)
 
 <sup>Released on **2023-09-29**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.82.4",
+  "version": "0.82.5",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",

package/src/app/metadata.ts

@@ -43,7 +43,7 @@ const metadata: Metadata = {
     url: homepage,
   },
   themeColor: [
-    { color: '#fff', media: '(prefers-color-scheme: light)' },
+    { color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
     { color: '#000', media: '(prefers-color-scheme: dark)' },
   ],
   title: title,

package/src/app/settings/mobile/index.tsx

@@ -1,9 +1,11 @@
 'use client';
 
 import { Divider } from 'antd';
+import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Center } from 'react-layout-kit';
 
+import pkg from '@/../package.json';
 import AgentCardBanner from '@/app/market/features/AgentCard/AgentCardBanner';
 import Header from '@/app/market/features/Header';
 import AvatarWithUpload from '@/features/AvatarWithUpload';
@@ -15,8 +17,20 @@ import { AVATAR } from '@/store/session/slices/chat/actions/share';
 import List from '../features/SideBar/List';
 import ExtraList from './ExtraList';
 
+const useStyles = createStyles(({ css, token }) => ({
+  divider: css`
+    height: 6px;
+    background: ${token.colorFillTertiary};
+  `,
+  footer: css`
+    font-size: 12px;
+    color: ${token.colorTextQuaternary};
+  `,
+}));
+
 const Setting = memo(() => {
   const avatar = useGlobalStore((s) => s.settings.avatar);
+  const { styles } = useStyles();
   useSwitchSideBarOnInit(SidebarTabKey.Setting);
   return (
     <AppMobileLayout navBar={<Header />} showTabBar>
@@ -24,17 +38,21 @@ const Setting = memo(() => {
         mask
         meta={{ avatar: avatar || AVATAR }}
         size={10}
-        style={{ height: 180, marginBottom: 0 }}
+        style={{ height: 172, marginBottom: 0 }}
       >
         <Center style={{ position: 'absolute', zIndex: 2 }}>
-          <AvatarWithUpload size={100} />
+          <AvatarWithUpload size={88} />
         </Center>
       </AgentCardBanner>
       <div style={{ width: '100%' }}>
-        <Divider style={{ margin: '0 0 8px' }} />
         <List />
-        <Divider style={{ margin: '8px 0' }} />
+        <div className={styles.divider} />
         <ExtraList />
+        <Center style={{ paddingInline: 64 }}>
+          <Divider>
+            <span className={styles.footer}>LobeChat v{pkg.version}</span>
+          </Divider>
+        </Center>
       </div>
     </AppMobileLayout>
   );