add: better mobile ui for timeline pages

add: rename button classes (quaternary->lowered, tertiary->raised)
This commit is contained in:
trisua 2025-06-12 13:53:23 -04:00
parent 7bfb113b1f
commit 0dede99682
42 changed files with 272 additions and 177 deletions

View file

@ -6,7 +6,7 @@
("id" "stream_body")
(text "{% if page != 0 -%}")
(div
("class" "card flex gap-2 small tertiary flex-wrap")
("class" "card flex gap-2 small lowered flex-wrap")
(b
(text "{{ text \"chats:label.viewing_old_messages\" }}"))
(a
@ -16,7 +16,7 @@
(text "{{ text \"chats:label.go_back\" }}")))
(text "{%- endif %} {% if message -%}")
(div
("class" "card flex gap-2 small tertiary flex-wrap")
("class" "card flex gap-2 small lowered flex-wrap")
(b
(text "{{ text \"chats:label.viewing_single_message\" }}"))
(a
@ -37,7 +37,7 @@
(text "{{ text \"chats:label.view_older\" }}")))
(text "{% if page != 0 -%}")
(a
("class" "button quaternary")
("class" "button lowered")
("href" "/chats/{{ community }}/{{ channel }}/_stream?page={{ page - 1 }}")
("onclick" "window.CURRENT_PAGE -= 1")
(text "{{ icon \"rewind\" }}")