rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update styles for mes_reasoning

Browse Source
This commit is contained in:
Cohee
2025-01-24 23:56:16 +02:00
parent 9a2968d1eb
commit 24c16f622f
1 changed files with 40 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
public/style.css
View File

@@ -292,36 +292,44 @@ input[type='checkbox']:focus-visible {
filter: grayscale(25%); filter: grayscale(25%);
} }
.mes_text table { .mes_text table,
.mes_reasoning table {
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
margin-bottom: 10px; margin-bottom: 10px;
} }
.mes_text td, .mes_text td,
.mes_text th { .mes_text th,
.mes_reasoning td,
.mes_reasoning th {
border: 1px solid; border: 1px solid;
border-collapse: collapse; border-collapse: collapse;
padding: 0.25em; padding: 0.25em;
} }
.mes_text p { .mes_text p,
.mes_reasoning p {
margin-top: 0; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
} }
.mes_text li tt { .mes_text li tt,
.mes_reasoning li tt {
display: inline-block; display: inline-block;
} }
.mes_text ol, .mes_text ol,
.mes_text ul { .mes_text ul,
.mes_reasoning ol,
.mes_reasoning ul {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.mes_text br, .mes_text br,
.mes_bias br { .mes_bias br,
.mes_reasoning br {
content: ' '; content: ' ';
} }
@@ -340,7 +348,7 @@ input[type='checkbox']:focus-visible {
padding: 5px; padding: 5px;
margin: 5px 0; margin: 5px 0;
overflow-y: auto; overflow-y: auto;
max-height: min(50vh, 300px); max-height: 90vh;
} }
.mes_reasoning_summary { .mes_reasoning_summary {
@@ -370,24 +378,30 @@ input[type='checkbox']:focus-visible {
} }
.mes_text i, .mes_text i,
.mes_text em { .mes_text em,
.mes_reasoning i,
.mes_reasoning em {
color: var(--SmartThemeEmColor); color: var(--SmartThemeEmColor);
} }
.mes_text u { .mes_text u,
.mes_reasoning u {
color: var(--SmartThemeUnderlineColor); color: var(--SmartThemeUnderlineColor);
} }
.mes_text q { .mes_text q,
.mes_reasoning q {
color: var(--SmartThemeQuoteColor); color: var(--SmartThemeQuoteColor);
} }
.mes_text font[color] em, .mes_text font[color] em,
.mes_text font[color] i { .mes_text font[color] i,
color: inherit; .mes_text font[color] u,
} .mes_text font[color] q,
.mes_reasoning font[color] em,
.mes_text font[color] q { .mes_reasoning font[color] i,
.mes_reasoning font[color] u,
.mes_reasoning font[color] q {
color: inherit; color: inherit;
} }
@@ -395,7 +409,8 @@ input[type='checkbox']:focus-visible {
display: block; display: block;
} }
.mes_text blockquote { .mes_text blockquote,
.mes_reasoning blockquote {
border-left: 3px solid var(--SmartThemeQuoteColor); border-left: 3px solid var(--SmartThemeQuoteColor);
padding-left: 10px; padding-left: 10px;
background-color: var(--black30a); background-color: var(--black30a);
@@ -405,18 +420,24 @@ input[type='checkbox']:focus-visible {
.mes_text strong em, .mes_text strong em,
.mes_text strong, .mes_text strong,
.mes_text h2, .mes_text h2,
.mes_text h1 { .mes_text h1,
.mes_reasoning strong em,
.mes_reasoning strong,
.mes_reasoning h2,
.mes_reasoning h1 {
font-weight: bold; font-weight: bold;
} }
.mes_text pre code { .mes_text pre code,
.mes_reasoning pre code {
position: relative; position: relative;
display: block; display: block;
overflow-x: auto; overflow-x: auto;
padding: 1em; padding: 1em;
} }
.mes_text img:not(.mes_img) { .mes_text img:not(.mes_img),
.mes_reasoning img:not(.mes_img) {
max-width: 100%; max-width: 100%;
max-height: var(--doc-height); max-height: var(--doc-height);
} }