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

@ -38,7 +38,7 @@
("class" "card small flex items-center justify-between gap-2")
(div
("class" "flex items-center gap-2")
(text "{{ icon \"award\" }}")
(text "{{ icon \"layers\" }}")
(span
(text "{{ text \"stacks:label.my_stacks\" }}"))))
(div

View file

@ -25,7 +25,7 @@
("data-tab" "general")
(div
("id" "manage_fields")
("class" "card tertiary flex flex-col gap-2")
("class" "card lowered flex flex-col gap-2")
(div
("class" "card-nest")
("ui_ident" "privacy")
@ -121,7 +121,7 @@
(div
("class" "card flex flex-wrap gap-2")
(button
("class" "red quaternary")
("class" "red lowered")
("onclick" "delete_stack()")
(text "{{ icon \"trash\" }}")
(span
@ -141,7 +141,7 @@
("class" "flex gap-2")
(text "{{ components::avatar(username=user.username) }} {{ components::full_username(user=user) }}"))
(button
("class" "quaternary small red")
("class" "lowered small red")
("onclick" "remove_user('{{ user.username }}')")
(text "{{ icon \"x\" }}")
(span

View file

@ -18,7 +18,7 @@
(text "{% if user and user.id == stack.owner -%}")
(a
("href" "/stacks/{{ stack.id }}/manage")
("class" "button quaternary small")
("class" "button lowered small")
(text "{{ icon \"pencil\" }}")
(span
(text "{{ text \"general:action.manage\" }}")))