From 21c566479962cd7ecfa6dccd929b3069d0b201f9 Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Mon, 13 Jan 2025 17:30:29 -0500 Subject: Add initial fonts We're not using Overlock currently, but I think it'll be good on headers and stuff? --- ui/styles/messages.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'ui/styles/messages.css') diff --git a/ui/styles/messages.css b/ui/styles/messages.css index 16333af..5e08279 100644 --- a/ui/styles/messages.css +++ b/ui/styles/messages.css @@ -111,6 +111,7 @@ padding: 0.25rem; } -.message-body code { - font-family: monospace; +.message-body code, +.message-body pre { + font-family: "FiraCode"; } -- cgit v1.2.3 From d42455bd4a39d5c0944aaf25b24a548de3213e75 Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Fri, 17 Jan 2025 21:59:10 -0500 Subject: Make mobile UI look a little better The rounded corners on an iPhone shouldn't be cut off now. --- ui/styles/messages.css | 4 ++-- ui/styles/textarea.css | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) (limited to 'ui/styles/messages.css') diff --git a/ui/styles/messages.css b/ui/styles/messages.css index 3f0aa3b..f32ec3e 100644 --- a/ui/styles/messages.css +++ b/ui/styles/messages.css @@ -11,7 +11,7 @@ .own-message { background-color: var(--colour-message-run-self-bg); border: 1px solid var(--colour-message-run-self-border); - margin-left: 2rem; + margin-left: 1rem; } .own-message * { @@ -21,7 +21,7 @@ .other-message { background-color: var(--colour-message-run-other-bg); border: 1px solid var(--colour-message-run-other-border); - margin-right: 2rem; + margin-right: 1rem; } .other-message * { diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css index cdf487f..057fb8a 100644 --- a/ui/styles/textarea.css +++ b/ui/styles/textarea.css @@ -4,6 +4,10 @@ flex-direction: row; justify-content: flex-start; align-items: stretch; + + @media (width <= 640px) { + margin: 0 0.5rem 1rem 0.5rem; + } } .create-message textarea { -- cgit v1.2.3