@huyooo/ai-chat-frontend-react 0.3.16 → 0.3.18
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/dist/style.css +31 -26
- package/package.json +4 -4
package/dist/style.css
CHANGED
|
@@ -331,31 +331,19 @@
|
|
|
331
331
|
--chat-hljs-bullet: #ffa657;
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
-
/*
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
.chat-scrollbar::-webkit-scrollbar-thumb {
|
|
344
|
-
background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
|
|
345
|
-
border-radius: 3px;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
.chat-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
349
|
-
background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
/* ChatPanel 基础布局 */
|
|
334
|
+
/*
|
|
335
|
+
* ChatPanel 布局（全局，与 frontend-vue 0.3.17+ 对齐）
|
|
336
|
+
*
|
|
337
|
+
* React 无 Vue scoped data-v 问题；布局类统一放在 styles.css，
|
|
338
|
+
* 与 vue 包 dist/style.css 保持一致，避免双端表现分叉。
|
|
339
|
+
* 类名已 chat-/messages- 前缀，全局化不会影响其他区域。
|
|
340
|
+
*/
|
|
353
341
|
.chat-panel {
|
|
354
342
|
display: flex;
|
|
355
343
|
flex-direction: column;
|
|
356
344
|
width: 100%;
|
|
357
345
|
height: 100%;
|
|
358
|
-
background: var(--chat-bg
|
|
346
|
+
background: var(--chat-bg);
|
|
359
347
|
overflow: hidden;
|
|
360
348
|
}
|
|
361
349
|
|
|
@@ -396,7 +384,7 @@
|
|
|
396
384
|
}
|
|
397
385
|
|
|
398
386
|
.history-load-btn:hover:not(:disabled) {
|
|
399
|
-
background: var(--chat-
|
|
387
|
+
background: var(--chat-hover, var(--chat-muted-hover));
|
|
400
388
|
color: var(--chat-text);
|
|
401
389
|
}
|
|
402
390
|
|
|
@@ -405,7 +393,6 @@
|
|
|
405
393
|
opacity: 0.7;
|
|
406
394
|
}
|
|
407
395
|
|
|
408
|
-
/* 滚动到底部按钮 */
|
|
409
396
|
.scroll-to-bottom-btn {
|
|
410
397
|
position: absolute;
|
|
411
398
|
bottom: 16px;
|
|
@@ -416,18 +403,36 @@
|
|
|
416
403
|
width: 32px;
|
|
417
404
|
height: 32px;
|
|
418
405
|
border-radius: 50%;
|
|
419
|
-
background: var(--chat-fab-bg
|
|
406
|
+
background: var(--chat-fab-bg);
|
|
420
407
|
border: 1px solid var(--chat-border);
|
|
421
408
|
color: var(--chat-text-muted);
|
|
422
409
|
cursor: pointer;
|
|
423
|
-
transition:
|
|
424
|
-
box-shadow: var(--chat-fab-shadow
|
|
410
|
+
transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
|
|
411
|
+
box-shadow: var(--chat-fab-shadow);
|
|
425
412
|
z-index: 10;
|
|
426
413
|
pointer-events: auto;
|
|
427
414
|
}
|
|
428
415
|
|
|
429
416
|
.scroll-to-bottom-btn:hover {
|
|
430
|
-
background: var(--chat-fab-bg-hover
|
|
417
|
+
background: var(--chat-fab-bg-hover);
|
|
431
418
|
color: var(--chat-text);
|
|
432
419
|
transform: scale(1.1);
|
|
433
420
|
}
|
|
421
|
+
|
|
422
|
+
/* 统一滚动条样式 - 任何需要自定义滚动条的元素添加此类 */
|
|
423
|
+
.chat-scrollbar::-webkit-scrollbar {
|
|
424
|
+
width: 6px;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
.chat-scrollbar::-webkit-scrollbar-track {
|
|
428
|
+
background: transparent;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
.chat-scrollbar::-webkit-scrollbar-thumb {
|
|
432
|
+
background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
|
|
433
|
+
border-radius: 3px;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
.chat-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
437
|
+
background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
|
|
438
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@huyooo/ai-chat-frontend-react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.18",
|
|
4
4
|
"description": "AI Chat Frontend - React components with adapter pattern",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@huyooo/ai-chat-bridge-electron": "^0.3.
|
|
42
|
-
"@huyooo/ai-chat-shared": "^0.3.
|
|
43
|
-
"@huyooo/ai-chat-types": "^0.3.
|
|
41
|
+
"@huyooo/ai-chat-bridge-electron": "^0.3.18",
|
|
42
|
+
"@huyooo/ai-chat-shared": "^0.3.18",
|
|
43
|
+
"@huyooo/ai-chat-types": "^0.3.18",
|
|
44
44
|
"@iconify/react": "^5.0.2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|