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">