Add adaptive padding for user and assistant messages on width <= 1480px

9525c0e7a7e27e1fe07c9027897903e2f0fa53fe · 2025-01-26 00:01:54 +0300 · sigseg5

Files touched

M exo/tinychat/index.css

Diff

commit 9525c0e7a7e27e1fe07c9027897903e2f0fa53fe
Author: sigseg5 <sigseg5@protonmail.com>
Date:   Sun Jan 26 00:01:54 2025 +0300

    Add adaptive padding for user and assistant messages on width <= 1480px
---
 exo/tinychat/index.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/exo/tinychat/index.css b/exo/tinychat/index.css
index 47c5e4be..6d812f44 100644
--- a/exo/tinychat/index.css
+++ b/exo/tinychat/index.css
@@ -139,6 +139,14 @@ main {
   padding: 0.5rem 1rem;
   border-radius: 20px;
 }
+
+@media(max-width: 1482px) {
+  .messages {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
 .message-role-assistant {
   background-color: var(--secondary-color);
   margin-right: auto;

← fdd05bad fix tokenizer tests · back to Exo · Fix bubble behavior when user passes long text without any s 45123665 →