From 87b48af551d2ed023f77ca57d033ed0079d303f3 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Tue, 1 Apr 2025 20:08:01 +0200
Subject: [PATCH] Update css.
---
src/snek/static/base.css | 12 ++++++++++++
src/snek/templates/web.html | 4 ++--
2 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index 31a6e74..db9dcb0 100644
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@@ -347,3 +347,15 @@ a {
color: #fff;
}
+@media only screen and (max-width: 600px) {
+ header{
+ position: sticky;
+ display: block;
+ .logo {
+ display:block;
+ }
+ }
+ .chat-input {
+ position:sticky;
+ }
+}
diff --git a/src/snek/templates/web.html b/src/snek/templates/web.html
index 28ad4d2..d386b67 100644
--- a/src/snek/templates/web.html
+++ b/src/snek/templates/web.html
@@ -12,10 +12,10 @@
{% endfor %}
</div>
<chat-window style="display:none" class="chat-area"></chat-window>
- <div class="chat-input">
+ <footer class="chat-input">
<textarea placeholder="Type a message..." rows="2"></textarea>
<upload-button channel="{{ channel.uid.value }}"></upload-button>
- </div>
+ </footer>
</section>
<script type="module">