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

@ -29,14 +29,14 @@
("class" "flex gap-2")
(button
("onclick" "trigger('me::clear_notifs')")
("class" "small red quaternary")
("class" "small red lowered")
(text "{{ icon \"bomb\" }}")
(span
(text "{{ text \"notifs:action.clear\" }}")))
(div
("class" "dropdown")
(button
("class" "small quaternary")
("class" "small lowered")
("onclick" "trigger('atto::hooks::dropdown', [event])")
("exclude" "dropdown")
(text "{{ icon \"ellipsis\" }}"))
@ -53,7 +53,7 @@
(span
(text "{{ text \"notifs:label.mark_all_as_unread\" }}")))))))
(div
("class" "card tertiary flex flex-col gap-4")
("class" "card lowered flex flex-col gap-4")
(text "{% for notification in notifications %} {{ components::notification(notification=notification) }} {% endfor %}")))
(text "{{ components::pagination(page=page, items=notifications|length, key=\"&id=\", value=profile.id) }}"))

View file

@ -28,13 +28,13 @@
(text "{% if profile.id == user.id -%}")
(button
("onclick" "clear_requests()")
("class" "small red quaternary")
("class" "small red lowered")
(text "{{ icon \"bomb\" }}")
(span
(text "{{ text \"notifs:action.clear\" }}")))
(text "{% endif %}"))
(div
("class" "card tertiary flex flex-col gap-4")
("class" "card lowered flex flex-col gap-4")
(text "{% for request in requests %} {% if request.action_type == \"CommunityJoin\" %}")
(div
("class" "card-nest")
@ -52,7 +52,7 @@
(span
(text "{{ text \"requests:label.review\" }}")))
(button
("class" "quaternary red")
("class" "lowered red")
("onclick" "remove_request('{{ request.id }}', '{{ request.linked_asset }}')")
(text "{{ icon \"trash\" }}")
(span
@ -78,13 +78,13 @@
(span
(text "{{ text \"requests:action.view_profile\" }}")))
(button
("class" "quaternary green")
("class" "lowered green")
("onclick" "accept_follow_request(event, '{{ request.id }}')")
(text "{{ icon \"check\" }}")
(span
(text "{{ text \"general:action.accept\" }}")))
(button
("class" "quaternary red")
("class" "lowered red")
("onclick" "remove_request('{{ request.id }}', '{{ request.linked_asset }}')")
(text "{{ icon \"trash\" }}")
(span
@ -120,12 +120,12 @@
(text "{{ text \"requests:label.answer\" }}"))
(button
("type" "button")
("class" "red quaternary")
("class" "red lowered")
("onclick" "trigger('me::remove_question', ['{{ question[0].id }}'])")
(text "{{ text \"general:action.delete\" }}"))
(button
("type" "button")
("class" "red quaternary")
("class" "red lowered")
("onclick" "trigger('me::ip_block_question', ['{{ question[0].id }}'])")
(text "{{ text \"auth:action.ip_block\" }}")))))
(text "{% endfor %}")))