feat: resolve linter warnings, optimize tables scroll behavior with top scroll sync, and extract reusable table macros
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user