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

@ -13,7 +13,7 @@
(span
(text "{{ text \"mod_panel:label.manage_profile\" }}")))
(div
("class" "card tertiary")
("class" "card lowered")
(div
("class" "flex flex-col gap-2")
("id" "mod_options")
@ -22,19 +22,19 @@
("ui_ident" "actions")
(a
("href" "/settings?username={{ profile.username }}")
("class" "button quaternary")
("class" "button lowered")
(text "{{ icon \"settings\" }}")
(span
(text "View settings")))
(a
("href" "/mod_panel/profile/{{ profile.id }}/warnings")
("class" "button quaternary")
("class" "button lowered")
(text "{{ icon \"shield-alert\" }}")
(span
(text "View warnings")))
(a
("href" "/notifs?id={{ profile.id }}")
("class" "button quaternary")
("class" "button lowered")
(text "{{ icon \"bell\" }}")
(span
(text "Notifications"))
@ -43,7 +43,7 @@
(text "{{ profile.notification_count }}")))
(a
("href" "/requests?id={{ profile.id }}")
("class" "button quaternary")
("class" "button lowered")
(text "{{ icon \"inbox\" }}")
(span
(text "Requests"))
@ -51,19 +51,19 @@
("class" "notification")
(text "{{ profile.request_count }}")))
(button
("class" "red quaternary")
("class" "red lowered")
("onclick" "delete_account(event)")
(text "{{ icon \"trash\" }}")
(span
(text "{{ text \"settings:label.delete_account\" }}")))
(text "{% if profile.permissions != 131073 -%}")
(button
("class" "red quaternary")
("class" "red lowered")
("onclick" "update_user_role(131073)")
(text "Ban"))
(text "{% else %}")
(button
("class" "quaternary")
("class" "lowered")
("onclick" "update_user_role(1)")
(text "Unban"))
(text "{%- endif %}")))
@ -198,7 +198,7 @@
(span
(text "{{ text \"mod_panel:label.associations\" }}"))))
(div
("class" "card tertiary flex flex-wrap gap-2")
("class" "card lowered flex flex-wrap gap-2")
(text "{% for user in associations -%}")
(text "{{ components::user_plate(user=user, show_menu=false) }}")
(text "{%- endfor %}")))
@ -212,13 +212,13 @@
(span
(text "{{ text \"mod_panel:label.permissions_level_builder\" }}")))
(button
("class" "small quaternary")
("class" "small lowered")
("onclick" "update_user_role(Number.parseInt(document.getElementById('role').value))")
(text "{{ icon \"check\" }}")
(span
(text "{{ text \"general:action.save\" }}"))))
(div
("class" "card tertiary flex flex-col gap-2")
("class" "card lowered flex flex-col gap-2")
("id" "permission_builder")))
(script
(text "setTimeout(() => {