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

@ -546,7 +546,7 @@
element.innerHTML = "";
for (const token of Object.entries($.LOGIN_ACCOUNT_TOKENS)) {
element.innerHTML += `<div class="flex gap-2 flex-row">
<button class="quaternary w-full justify-start" onclick="trigger('me::login', ['${token[0]}'])">
<button class="lowered w-full justify-start" onclick="trigger('me::login', ['${token[0]}'])">
<img
title="${token[0]}'s avatar"
src="/api/v1/auth/user/${token[0]}/avatar?selector_type=username"
@ -558,7 +558,7 @@
<span>${token[0]}</span>
</button>
<button onclick="trigger('me::remove_token', ['${token[0]}'])" class="small square red quaternary">
<button onclick="trigger('me::remove_token', ['${token[0]}'])" class="small square red lowered">
-
</button>
</div>`;