@lobehub/chat 1.84.12 → 1.84.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  # Changelog
4
4
 
5
+ ### [Version 1.84.13](https://github.com/lobehub/lobe-chat/compare/v1.84.12...v1.84.13)
6
+
7
+ <sup>Released on **2025-05-01**</sup>
8
+
9
+ #### 💄 Styles
10
+
11
+ - **misc**: Fix style issues.
12
+
13
+ <br/>
14
+
15
+ <details>
16
+ <summary><kbd>Improvements and Fixes</kbd></summary>
17
+
18
+ #### Styles
19
+
20
+ - **misc**: Fix style issues, closes [#7659](https://github.com/lobehub/lobe-chat/issues/7659) ([3da871b](https://github.com/lobehub/lobe-chat/commit/3da871b))
21
+
22
+ </details>
23
+
24
+ <div align="right">
25
+
26
+ [![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
27
+
28
+ </div>
29
+
5
30
  ### [Version 1.84.12](https://github.com/lobehub/lobe-chat/compare/v1.84.11...v1.84.12)
6
31
 
7
32
  <sup>Released on **2025-04-30**</sup>
package/changelog/v1.json CHANGED
@@ -1,4 +1,13 @@
1
1
  [
2
+ {
3
+ "children": {
4
+ "improvements": [
5
+ "Fix style issues."
6
+ ]
7
+ },
8
+ "date": "2025-05-01",
9
+ "version": "1.84.13"
10
+ },
2
11
  {
3
12
  "children": {
4
13
  "improvements": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/chat",
3
- "version": "1.84.12",
3
+ "version": "1.84.13",
4
4
  "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
5
5
  "keywords": [
6
6
  "framework",
@@ -64,10 +64,7 @@ const FileItem = memo<FileItemProps>(({ id, onRemove, file, status, uploadState,
64
64
  e.stopPropagation();
65
65
  onRemove?.();
66
66
  }}
67
- style={{
68
- blockSize: '32px',
69
- fontSize: '20px',
70
- }}
67
+ size={'small'}
71
68
  />
72
69
  </Flexbox>
73
70
  );
@@ -3,8 +3,6 @@ import { createStyles } from 'antd-style';
3
3
  import { Trash } from 'lucide-react';
4
4
  import { memo } from 'react';
5
5
 
6
- import { usePlatform } from '@/hooks/usePlatform';
7
-
8
6
  import { MIN_IMAGE_SIZE } from './style';
9
7
 
10
8
  const useStyles = createStyles(({ css, token }) => ({
@@ -21,15 +19,9 @@ const useStyles = createStyles(({ css, token }) => ({
21
19
  box-shadow: 0 0 0 1px ${token.colorFill} inset;
22
20
  `,
23
21
  image: css`
22
+ width: 64px !important;
23
+ height: 64px !important;
24
24
  margin-block: 0 !important;
25
-
26
- .ant-image {
27
- height: 100% !important;
28
-
29
- img {
30
- height: 100% !important;
31
- }
32
- }
33
25
  `,
34
26
  }));
35
27
 
@@ -43,7 +35,6 @@ interface FileItemProps {
43
35
  const FileItem = memo<FileItemProps>(({ alt, onRemove, src, loading }) => {
44
36
  const IMAGE_SIZE = MIN_IMAGE_SIZE;
45
37
  const { styles, cx } = useStyles();
46
- const { isSafari } = usePlatform();
47
38
 
48
39
  return (
49
40
  <Image
@@ -56,19 +47,17 @@ const FileItem = memo<FileItemProps>(({ alt, onRemove, src, loading }) => {
56
47
  e.stopPropagation();
57
48
  onRemove?.();
58
49
  }}
59
- style={{
60
- blockSize: '28px',
61
- fontSize: '20px',
62
- }}
50
+ size={'small'}
63
51
  />
64
52
  }
65
53
  alt={alt || ''}
66
54
  alwaysShowActions
67
- height={isSafari ? 'auto' : '100%'}
55
+ height={64}
68
56
  isLoading={loading}
57
+ objectFit={'cover'}
69
58
  size={IMAGE_SIZE as any}
70
59
  src={src}
71
- style={{ height: isSafari ? 'auto' : '100%' }}
60
+ width={64}
72
61
  wrapperClassName={cx(styles.image, styles.editableImage)}
73
62
  />
74
63
  );
@@ -19,6 +19,7 @@ const useStyles = createStyles(({ css, token }) => ({
19
19
  `,
20
20
  drawer: css`
21
21
  z-index: 20;
22
+ background: ${token.colorBgContainerSecondary};
22
23
  `,
23
24
  header: css`
24
25
  border-block-end: 1px solid ${token.colorBorderSecondary};
@@ -144,6 +144,10 @@ const Checker = memo<ConnectionCheckerProps>(
144
144
  );
145
145
  }}
146
146
  options={totalModels.map((id) => ({ label: id, value: id }))}
147
+ style={{
148
+ flex: 1,
149
+ overflow: 'hidden',
150
+ }}
147
151
  suffixIcon={isProviderConfigUpdating && <Icon icon={Loader2Icon} spin />}
148
152
  value={checkModel}
149
153
  virtual