added prose styles for response formatting
This commit is contained in:
parent
a41cd12315
commit
cdabbcfa5a
1 changed files with 63 additions and 1 deletions
|
|
@ -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 */
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue