From cdabbcfa5a89df27fdf652f6bdb170014bd8568e Mon Sep 17 00:00:00 2001 From: michael Date: Mon, 20 Oct 2025 06:59:32 -0500 Subject: [PATCH] added prose styles for response formatting --- frontend/src/app/globals.css | 64 +++++++++++++++++++++++++++++++++++- 1 file changed, 63 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index 7887497..850c17d 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -82,11 +82,20 @@ body, p, span, div, label { color: #111827; /* gray-900 */ } -.prose ul, .prose ol { +.prose ul { margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 1.5em; color: #111827; /* gray-900 */ + list-style-type: disc; +} + +.prose ol { + margin-top: 0.5em; + margin-bottom: 0.5em; + padding-left: 1.5em; + color: #111827; /* gray-900 */ + list-style-type: decimal; } .prose li { @@ -119,3 +128,56 @@ body, p, span, div, label { border-radius: 0.5em; overflow-x: auto; } + +.prose a { + color: #2563eb; /* blue-600 */ + text-decoration: underline; + transition: color 0.2s; +} + +.prose a:hover { + color: #1d4ed8; /* blue-700 */ +} + +.prose blockquote { + border-left: 4px solid #d1d5db; /* gray-300 */ + padding-left: 1em; + margin-left: 0; + margin-top: 0.75em; + margin-bottom: 0.75em; + color: #6b7280; /* gray-500 */ + font-style: italic; +} + +.prose hr { + border: none; + border-top: 1px solid #e5e7eb; /* gray-200 */ + margin-top: 1.5em; + margin-bottom: 1.5em; +} + +.prose table { + width: 100%; + border-collapse: collapse; + margin-top: 1em; + margin-bottom: 1em; +} + +.prose th { + background: #f3f4f6; /* gray-100 */ + font-weight: 600; + text-align: left; + padding: 0.5em 0.75em; + border: 1px solid #e5e7eb; /* gray-200 */ + color: #111827; /* gray-900 */ +} + +.prose td { + padding: 0.5em 0.75em; + border: 1px solid #e5e7eb; /* gray-200 */ + color: #111827; /* gray-900 */ +} + +.prose tr:nth-child(even) { + background: #f9fafb; /* gray-50 */ +}