summaryrefslogtreecommitdiff
path: root/ui/lib/components/Message.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'ui/lib/components/Message.svelte')
-rw-r--r--ui/lib/components/Message.svelte15
1 files changed, 15 insertions, 0 deletions
diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index 5673248..aa9e3e9 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -63,4 +63,19 @@
content: '.';
visibility: hidden;
}
+ /* Without the global selector, the Svelte CSS compiler will see this as
+ * unused, and purge it from the output. However, this is "plausibly used"
+ * because it may occur in renderedBody.
+ */
+ :global(.message-body blockquote) {
+ border-left: 0.25rem solid lightgrey;
+ margin-left: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ :global(.message-body pre) {
+ border: 1px solid #312e81;
+ border-radius: 0.25rem;
+ background-color: #282555;;
+ padding: 0.25rem;
+ }
</style>