klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 13:25:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve vertical alignment of lists in chat messages on web app

Browse Source 
- Make train of thought icons to be top aligned, next to the
  their intermediate step heading
- Add margin bottom to ordered, unordered lists in chat message,
  similar to how it is already added for paragraphs
This commit is contained in:
Debanjum Singh Solanky
2024-09-11 12:44:46 -07:00
parent 179357b28a
commit 3dcc8695b2
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/interface/web/app/components/chatMessage/chatMessage.module.css
View File

@@ -11,6 +11,9 @@ div.chatMessageWrapper {
padding-bottom: 1rem; padding-bottom: 1rem;
max-width: 80vw; max-width: 80vw;
} }
div.chatMessageWrapper ol,
div.chatMessageWrapper ul,
div.chatMessageWrapper p:not(:last-child) { div.chatMessageWrapper p:not(:last-child) {
margin-bottom: 16px; margin-bottom: 16px;
} }
@@ -131,6 +134,12 @@ div.trainOfThought.primary p {
div.trainOfThoughtElement { div.trainOfThoughtElement {
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
align-items: start;
}
div.trainOfThoughtElement ol,
div.trainOfThoughtElement ul {
margin: auto;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {