From f163a242792cd325c9414587d52f3d8584f28df1 Mon Sep 17 00:00:00 2001 From: Elizabeth Hunt Date: Fri, 3 Jan 2025 01:47:07 -0800 Subject: initial commit --- static/css/chat.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 static/css/chat.css (limited to 'static/css/chat.css') diff --git a/static/css/chat.css b/static/css/chat.css new file mode 100644 index 0000000..261fffa --- /dev/null +++ b/static/css/chat.css @@ -0,0 +1,46 @@ +.chat-container { + background-color: var(--container-bg); + border: 1px solid var(--border-color); + border-radius: 8px; + width: 90%; + max-height: 70vh; + margin: 2rem auto; + padding: 1rem; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + overflow-y: auto; +} + +.message { + display: flex; + margin-bottom: 1rem; +} + +.message:last-child { + margin-bottom: 0; +} + +.message.fren { + justify-content: flex-end; +} + +.message-text { + background-color: var(--background-color-2); + color: var(--text-color); + padding: 0.5rem 1rem; + border-radius: 4px; + max-width: 70%; + word-wrap: break-word; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.message-text.fren { + background-color: var(--confirm-color); + color: white; +} + +.timestamp { + font-size: 0.75rem; + color: var(--text-color); + margin-top: 0.5rem; + text-align: right; +} -- cgit v1.2.3-70-g09d2