fix: 🐛 audit log on mobile

This commit is contained in:
2025-12-04 19:14:19 +00:00
parent 671b750bc4
commit 6f01c9956f
+24 -22
View File
@@ -43,28 +43,30 @@
<span>Filter</span> <span>Filter</span>
</button> </button>
</form> </form>
<table class="w-full table-auto bg-gray-200 dark:bg-zinc-800 rounded-lg overflow-hidden"> <div class="overflow-x-auto">
<thead> <table class="w-full table-auto bg-gray-200 dark:bg-zinc-800 rounded-lg overflow-hidden">
<tr class="bg-gray-400 dark:bg-zinc-700"> <thead>
<th class="px-4 py-2 text-center">User</th> <tr class="bg-gray-400 dark:bg-zinc-700">
<th class="px-4 py-2 text-center">Action</th> <th class="px-4 py-2 text-center">User</th>
<th class="px-4 py-2 text-center">Details</th> <th class="px-4 py-2 text-center">Action</th>
<th class="px-4 py-2 text-center">Subnet</th> <th class="px-4 py-2 text-center">Details</th>
<th class="px-4 py-2 text-center">Timestamp</th> <th class="px-4 py-2 text-center">Subnet</th>
</tr> <th class="px-4 py-2 text-center">Timestamp</th>
</thead> </tr>
<tbody> </thead>
{% for log in logs %} <tbody>
<tr class="border-b border-gray-700"> {% for log in logs %}
<td class="px-4 py-2 text-center">{{ log[1] or 'Unknown' }}</td> <tr class="border-b border-gray-700">
<td class="px-4 py-2 text-center">{{ log[2] }}</td> <td class="px-4 py-2 text-center">{{ log[1] or 'Unknown' }}</td>
<td class="px-4 py-2 text-center truncate" title="{{ log[3] }}">{{ log[3][:100] ~ ('…' if log[3]|length > 100 else '') }}</td> <td class="px-4 py-2 text-center">{{ log[2] }}</td>
<td class="px-4 py-2 text-center">{{ log[4] or 'N/A' }}</td> <td class="px-4 py-2 text-center truncate" title="{{ log[3] }}">{{ log[3][:100] ~ ('…' if log[3]|length > 100 else '') }}</td>
<td class="px-4 py-2 text-center" data-utc="{{ log[5] }}">{{ log[5] }}</td> <td class="px-4 py-2 text-center">{{ log[4] or 'N/A' }}</td>
</tr> <td class="px-4 py-2 text-center" data-utc="{{ log[5] }}">{{ log[5] }}</td>
{% endfor %} </tr>
</tbody> {% endfor %}
</table> </tbody>
</table>
</div>
{% if total_pages > 1 %} {% if total_pages > 1 %}
<div class="flex justify-center mt-6 space-x-2"> <div class="flex justify-center mt-6 space-x-2">
{% if page > 1 %} {% if page > 1 %}