t/tetratto
1
0
Fork 0
Code Issues Pull requests Projects Releases 4 Packages Wiki Activity Actions

add: better mobile ui for timeline pages

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

32
crates/app/src/public/html/communities/settings.lisp
View file

@ -46,7 +46,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" "read_access")
@ -150,7 +150,7 @@
(div
("class" "card flex flex-wrap gap-2")
(button
("class" "red quaternary")
("class" "red lowered")
("onclick" "delete_community()")
(text "{{ icon \"trash\" }}")
(span
@ -169,7 +169,7 @@
(span
(text "{{ text \"general:action.back\" }}")))))
(div
("class" "card tertiary w-full hidden flex flex-col gap-2")
("class" "card lowered w-full hidden flex flex-col gap-2")
("data-tab" "images")
(div
("class" "card-nest")
@ -219,7 +219,7 @@
("class" "fade")
(text "Use an image of 1100x350px for the best results.")))))
(div
("class" "card tertiary w-full hidden flex flex-col gap-2")
("class" "card lowered w-full hidden flex flex-col gap-2")
("data-tab" "members")
(div
("class" "card-nest")
@ -261,7 +261,7 @@
(span
(text "{{ text \"mod_panel:label.permissions_level_builder\" }}")))
(button
("class" "small quaternary")
("class" "small lowered")
("onclick" "update_user_role(document.getElementById('uid').value, document.getElementById('role').value)")
(text "{{ icon \"check\" }}")
(span
@ -271,7 +271,7 @@
("id" "permission_builder"))))
(text "{% if can_manage_channels -%}")
(div
("class" "card tertiary w-full hidden flex flex-col gap-2")
("class" "card lowered w-full hidden flex flex-col gap-2")
("data-tab" "channels")
(div
("class" "card-nest")
@ -309,15 +309,15 @@
(div
("class" "card flex gap-2")
(button
("class" "red quaternary small")
("class" "red lowered small")
("onclick" "delete_channel('{{ channel.id }}')")
(text "{{ text \"general:action.delete\" }}"))
(button
("class" "quaternary small")
("class" "lowered small")
("onclick" "update_channel_position('{{ channel.id }}')")
(text "{{ text \"chats:action.move\" }}"))
(button
("class" "quaternary small")
("class" "lowered small")
("onclick" "update_channel_title('{{ channel.id }}')")
(text "{{ text \"chats:action.rename\" }}"))))
(text "{% endfor %}"))
@ -428,7 +428,7 @@
}"))
(text "{%- endif %} {% if can_manage_emojis -%}")
(div
("class" "card tertiary w-full hidden flex flex-col gap-2")
("class" "card lowered w-full hidden flex flex-col gap-2")
("data-tab" "emojis")
(text "{{ components::supporter_ad(body=\"Become a supporter to upload GIF animated emojis!\") }}")
(div
@ -487,13 +487,13 @@
(div
("class" "flex gap-2")
(button
("class" "quaternary small")
("class" "lowered small")
("onclick" "rename_emoji('{{ emoji.id }}')")
(text "{{ icon \"pencil\" }}")
(span
(text "{{ text \"chats:action.rename\" }}")))
(button
("class" "quaternary small red")
("class" "lowered small red")
("onclick" "remove_emoji('{{ emoji.id }}')")
(text "{{ icon \"x\" }}")
(span
@ -701,10 +701,10 @@
// ...
element.innerHTML = `<div class=\"flex gap-2 flex-wrap\" ui_ident=\"actions\">
<a target=\"_blank\" class=\"button\" href=\"/api/v1/auth/user/find/${e.target.uid.value}\">Open user profile</a>
${res.payload.role !== 33 ? `<button class=\"red quaternary\" onclick=\"update_user_role('${e.target.uid.value}', 33)\">Ban</button>` : `<button class=\"quaternary\" onclick=\"update_user_role('${e.target.uid.value}', 5)\">Unban</button>`}
${res.payload.role !== 65 ? `<button class=\"red quaternary\" onclick=\"update_user_role('${e.target.uid.value}', 65)\">Send to review</button>` : `<button class=\"green quaternary\" onclick=\"update_user_role('${e.target.uid.value}', 5)\">Accept join request</button>`}
<button class=\"red quaternary\" onclick=\"kick_user('${e.target.uid.value}')\">Kick</button>
<button class=\"red quaternary\" onclick=\"transfer_ownership('${e.target.uid.value}')\">Transfer ownership</button>
${res.payload.role !== 33 ? `<button class=\"red lowered\" onclick=\"update_user_role('${e.target.uid.value}', 33)\">Ban</button>` : `<button class=\"lowered\" onclick=\"update_user_role('${e.target.uid.value}', 5)\">Unban</button>`}
${res.payload.role !== 65 ? `<button class=\"red lowered\" onclick=\"update_user_role('${e.target.uid.value}', 65)\">Send to review</button>` : `<button class=\"green lowered\" onclick=\"update_user_role('${e.target.uid.value}', 5)\">Accept join request</button>`}
<button class=\"red lowered\" onclick=\"kick_user('${e.target.uid.value}')\">Kick</button>
<button class=\"red lowered\" onclick=\"transfer_ownership('${e.target.uid.value}')\">Transfer ownership</button>
</div>`;
document.getElementById(\"permission_builder\").innerHTML =