Assclaw/jfa-go
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

admin: scroll current tab in nav to center

Browse Source 
for #456, ensures you can see and press both the next and previous tabs
    even if you can't scroll for some reason.
This commit is contained in:
Harvey Tindall
2025-12-19 13:11:37 +00:00
parent e4e9369d54
commit 2a41c5a393
3 changed files with 47 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/admin.html
+6 -6
View File
@@ -561,7 +561,7 @@
<label>
<input type="submit" class="unfocused">
<span class="button ~urge @low full-width center supra submit">{{ .strings.submit }}</span>
</label>
</label>"
</form>
</div>
<div id="notification-box"></div>
@@ -581,11 +581,11 @@
</div>
</div>
<header>
<div class="flex flex-row overflow-x-auto items-center gap-2">
<span id="button-tab-invites" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.invites }}</span>
<span id="button-tab-accounts" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.accounts }}</span>
<span id="button-tab-activity" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.activity }}</span>
<span id="button-tab-settings" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.settings }}</span>
<div class="flex flex-row overflow-x-auto items-center gap-2 scroll-smooth">
<button type="button" id="button-tab-invites" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.invites }}</button>
<button type="button" id="button-tab-accounts" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.accounts }}</button>
<button type="button" id="button-tab-activity" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.activity }}</button>
<button type="button" id="button-tab-settings" class="text-3xl button portal ~neutral dark:~d_neutral @low px-5">{{ .strings.settings }}</button>
</div>
</header>
<div id="tab-invites" class="flex flex-col gap-4">