diff --git a/frontend/src/App.css b/frontend/src/App.css index efb6bad..b69a9b5 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -165,49 +165,38 @@ div { } /* Reduce general whitespace in markdown content */ -.About p.MuiTypography-root, -.assistant-message p.MuiTypography-root { +* p.MuiTypography-root { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; } /* Reduce space between headings and content */ -.assistant-message h1.MuiTypography-root, -.assistant-message h2.MuiTypography-root, -.assistant-message h3.MuiTypography-root, -.assistant-message h4.MuiTypography-root, -.assistant-message h5.MuiTypography-root, -.assistant-message h6.MuiTypography-root, -.About h1.MuiTypography-root, -.About h2.MuiTypography-root, -.About h3.MuiTypography-root, -.About h4.MuiTypography-root, -.About h5.MuiTypography-root, -.About h6.MuiTypography-root { +* h1.MuiTypography-root, +* h2.MuiTypography-root, +* h3.MuiTypography-root, +* h4.MuiTypography-root, +* h5.MuiTypography-root, +* h6.MuiTypography-root { margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1rem; } /* Reduce space in lists */ -.assistant-message ul.MuiTypography-root, -.assistant-message ol.MuiTypography-root, -.About ul.MuiTypography-root, -.About ol.MuiTypography-root { +* ul.MuiTypography-root, +* ol.MuiTypography-root { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; } -.About li.MuiTypography-root, -.assistant-message li.MuiTypography-root { +* li.MuiTypography-root { margin-bottom: 0.25rem; font-size: 0.9rem; } -.About .MuiTypography-root li, -.assistant-message .MuiTypography-root li { +* .MuiTypography-root li { margin-top: 0; margin-bottom: 0; padding: 0; @@ -215,8 +204,7 @@ div { } /* Reduce space around code blocks */ -.About .MuiTypography-root pre, -.assistant-message .MuiTypography-root pre { +* .MuiTypography-root pre { border: 1px solid #F5F5F5; border-radius: 0.5rem; padding: 0.5rem 0.75rem; diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index abb0d53..6de288c 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -54,11 +54,12 @@ const welcomeMarkdown = ` Backstory was written by James Ketrenos in order to provide answers to questions potential employers may have about his work history. In addition to being a RAG enabled expert system, the LLM is configured with real-time access to weather, stocks, the current time, and can answer questions about the contents of a website. You can ask things like: - * - * - * - * - * + + + + + + Or click the text above to submit that query. diff --git a/frontend/src/Message.tsx b/frontend/src/Message.tsx index d507963..1a86b76 100644 --- a/frontend/src/Message.tsx +++ b/frontend/src/Message.tsx @@ -30,8 +30,7 @@ const ChatQuery = ({ text, submitQuery }: ChatQueryInterface) => { ? : {text});