chenmoranzhi/SillyTavern_replica
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

完成大量美化，zustand迁移，动态表格修复

Browse Source
This commit is contained in:
moranzhi
2026-05-02 02:08:53 +08:00
parent f0e7e75ffb
commit 7fc9e10c99
53 changed files with 2954 additions and 1462 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/index.css
View File

@@ -39,15 +39,15 @@
/* CSS Variables for layout ratios */
:root {
/* Fixed mode: 1 : 3.5 : 1.25 (default) */
--left-fixed: 1fr;
--middle-fixed: 3.5fr;
--right-fixed: 1.25fr;
/* Fixed mode (default): 2 : 6 : 2 */
--left-fixed: 2fr;
--middle-fixed: 6fr;
--right-fixed: 2fr;
/* Expanded mode: 1.8 : 2 : 1 */
--left-expanded: 1.8fr;
--middle-expanded: 2fr;
--right-expanded: 1fr;
/* Expanded mode: 4 : 4.5 : 1.5 */
--left-expanded: 4fr;
--middle-expanded: 4.5fr;
--right-expanded: 1.5fr;
}
.main-container {
@@ -74,13 +74,13 @@
transition: flex-basis 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Fixed mode (default): 1 : 3.5 : 1.25 */
/* Fixed mode (default): 2 : 6 : 2 */
.app.chat-mode .main-container,
.sidebar-mode-fixed ~ .chat-area-wrapper {
grid-template-columns: var(--left-fixed) var(--middle-fixed) var(--right-fixed);
}
/* Expanded mode: 1.8 : 2 : 1 */
/* Expanded mode: 4 : 4.5 : 1.5 */
.app.edit-mode .main-container,
.sidebar-mode-expanded,
.sidebar-mode-smart.sidebar-expanded {
@@ -181,13 +181,13 @@
@media (min-width: 1920px) {
.app.chat-mode .main-container,
.sidebar-mode-fixed ~ .chat-area-wrapper {
grid-template-columns: minmax(280px, var(--left-fixed)) var(--middle-fixed) minmax(340px, var(--right-fixed));
grid-template-columns: minmax(320px, var(--left-fixed)) var(--middle-fixed) minmax(320px, var(--right-fixed));
}
.app.edit-mode .main-container,
.sidebar-mode-expanded,
.sidebar-mode-smart.sidebar-expanded {
grid-template-columns: minmax(350px, var(--left-expanded)) var(--middle-expanded) minmax(250px, var(--right-expanded)) !important;
grid-template-columns: minmax(450px, var(--left-expanded)) var(--middle-expanded) minmax(200px, var(--right-expanded)) !important;
}
}