feat: resolve linter warnings, optimize tables scroll behavior with top scroll sync, and extract reusable table macros

This commit is contained in:
2026-05-31 06:03:54 +05:00
parent 478d5f3c17
commit 58c929dd38
15 changed files with 718 additions and 325 deletions
+8 -10
View File
@@ -26,15 +26,14 @@
</div>
<!-- User List -->
<div class="bg-[#1e293b]/40 backdrop-blur-xl border border-slate-900 rounded-3xl p-6 shadow-xl overflow-hidden">
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-slate-800 text-left text-sm text-slate-300">
<thead>
{{ ui::table_container_open(id="users-table", has_top_scroll=false, max_height="auto") }}
<table class="min-w-full divide-y divide-slate-800 text-left text-sm text-slate-300 relative">
<thead class="shadow-[0_1px_0_0_rgba(255,255,255,0.05)]">
<tr class="text-xs font-bold text-slate-400 uppercase tracking-wider">
<th scope="col" class="px-6 py-4">Username</th>
<th scope="col" class="px-6 py-4">Role</th>
<th scope="col" class="px-6 py-4">Created At</th>
<th scope="col" class="px-6 py-4 text-right">Actions</th>
<th scope="col" class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">Username</th>
<th scope="col" class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">Role</th>
<th scope="col" class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">Created At</th>
<th scope="col" class="sticky top-0 z-10 px-6 py-4 bg-[#162031] text-right">Actions</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-800">
@@ -97,8 +96,7 @@
{% endif %}
</tbody>
</table>
</div>
</div>
{{ ui::table_container_close(id="users-table", has_top_scroll=false) }}
<div class="mt-6 text-center text-sm text-slate-400">
<a href="/auth/password" class="font-medium text-sky-400 hover:underline">← Back to Account Settings</a>