oobabooga/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2026-01-28 03:14:43 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Standardize margins and paddings across all chat styles

Browse source
This commit is contained in:
oobabooga 2025-07-07 21:02:19 -07:00
parent e8266b0356
commit 86cb5e0587
6 changed files with 158 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
css/chat_style-Dark.css
View file

@ -91,7 +91,6 @@
}
.message-body p {
margin-bottom: 0 !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #e0e0e0 !important; /* Light color for text */
@ -129,3 +128,30 @@
font-size: 18px; /* Smaller username for mobile */
}
}
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

28
css/chat_style-TheEncrypted777.css
View file

@ -87,7 +87,6 @@
}
.message-body p {
margin-bottom: 0 !important;
font-size: 18px !important;
line-height: 1.428571429 !important;
color: rgb(243 244 246) !important;
@ -135,3 +134,30 @@
font-size: 20px;
}
}
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

31
css/chat_style-cai-chat.css
View file

@ -52,10 +52,6 @@
font-weight: 500;
}
.message-body p, .chat .message-body ul, .chat .message-body ol {
margin-bottom: 10px !important;
}
.dark .message-body p em {
color: rgb(138 138 138) !important;
}
@ -64,3 +60,30 @@
color: rgb(110 110 110) !important;
font-weight: 500;
}
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

28
css/chat_style-messenger.css
View file

@ -86,7 +86,6 @@
}
.message-body p {
margin-bottom: 0 !important;
font-size: 15px !important;
line-height: 1.428571429 !important;
font-weight: 500;
@ -99,3 +98,30 @@
.message-body p em {
color: rgb(110 110 110) !important;
}
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

27
css/chat_style-wpp.css
View file

@ -100,6 +100,29 @@
margin-top: 8px;
}
.message-body p, .chat .message-body ul, .chat .message-body ol {
margin-bottom: 10px !important;
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

28
css/html_readable_style.css
View file

@ -11,9 +11,8 @@
.readable-container p, .readable-container li {
font-size: 16px !important;
color: #efefef !important;
margin-bottom: 22px;
line-height: 1.4 !important;
color: #efefef !important;
}
.readable-container li > p {
@ -30,4 +29,27 @@
.readable-container .hoverable {
font-size: 14px;
}
}
/* Standard spacing */
.readable-container :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.readable-container :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.readable-container :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.readable-container ul, .readable-container ol {
padding-inline-start: 2em;
}
.readable-container li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}