style: add whitespace-nowrap to standard table headers to prevent wrapping and lock header height to 49px

This commit is contained in:
2026-05-31 06:26:06 +05:00
parent c1a00d34ab
commit 2b7ba3c96b
2 changed files with 10 additions and 10 deletions
+6 -6
View File
@@ -111,12 +111,12 @@
<table class="min-w-full divide-y divide-slate-800 text-left text-sm text-slate-300 relative"> <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)]"> <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"> <tr class="text-xs font-bold text-slate-400 uppercase tracking-wider">
<th class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">Timestamp</th> <th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] whitespace-nowrap">Timestamp</th>
<th class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">User</th> <th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] whitespace-nowrap">User</th>
<th class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">Event</th> <th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] whitespace-nowrap">Event</th>
<th class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">Target Entity</th> <th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] whitespace-nowrap">Target Entity</th>
<th class="sticky top-0 z-10 px-6 py-4 bg-[#162031]">IP / Details</th> <th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] whitespace-nowrap">IP / Details</th>
<th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] text-right">Replay Payload</th> <th class="sticky top-0 z-10 px-6 py-4 bg-[#162031] text-right whitespace-nowrap">Replay Payload</th>
</tr> </tr>
</thead> </thead>
<tbody class="divide-y divide-slate-800"> <tbody class="divide-y divide-slate-800">
+4 -4
View File
@@ -30,10 +30,10 @@
<table class="min-w-full divide-y divide-slate-800 text-left text-sm text-slate-300 relative"> <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)]"> <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"> <tr class="text-xs font-bold text-slate-400 uppercase tracking-wider">
<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] whitespace-nowrap">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] whitespace-nowrap">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] whitespace-nowrap">Created At</th>
<th scope="col" class="sticky top-0 z-10 px-6 py-4 bg-[#162031] text-right">Actions</th> <th scope="col" class="sticky top-0 z-10 px-6 py-4 bg-[#162031] text-right whitespace-nowrap">Actions</th>
</tr> </tr>
</thead> </thead>
<tbody class="divide-y divide-slate-800"> <tbody class="divide-y divide-slate-800">