added prose styles for response formatting

This commit is contained in:
michael 2025-10-20 06:59:32 -05:00
parent a41cd12315
commit cdabbcfa5a

View file

@ -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 */
}