Improved Subscriber Page table

This commit is contained in:
Mia Rose Winter 2024-05-06 13:01:36 +02:00
parent 51ace95c76
commit e5fb7f391f
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
3 changed files with 14 additions and 11 deletions

View file

@ -66,20 +66,20 @@
</button> </button>
</div> </div>
<section> <section class="flex flex-col h-128">
<div class="overflow-x-auto"> <div class="flex-grow overflow-auto">
<table class="table table-zebra"> <table class="table relative">
<thead> <thead>
<tr> <tr>
<th class="text-center md:text-left md:w-48">@Localizer["Header_Email"]</th> <th class="bg-base-200 sticky top-0 text-center md:text-left md:w-48">@Localizer["Header_Email"]</th>
<th class="text-center md:text-left w-48 max-md:hidden">@Localizer["Header_Name"]</th> <th class="bg-base-200 sticky top-0 text-center md:text-left w-48 max-md:hidden">@Localizer["Header_Name"]</th>
<th class="text-center md:text-left w-24 max-md:hidden">@Localizer["Header_LastReceived"]</th> <th class="bg-base-200 sticky top-0 text-center md:text-left w-24 max-md:hidden">@Localizer["Header_LastReceived"]</th>
<th class="text-center md:text-left w-24 max-md:hidden">@Localizer["Header_LastOpen"]</th> <th class="bg-base-200 sticky top-0 text-center md:text-left w-24 max-md:hidden">@Localizer["Header_LastOpen"]</th>
<th class="text-center md:text-left w-24 max-md:hidden">@Localizer["Header_UnsubscribeReason"]</th> <th class="bg-base-200 sticky top-0 text-center md:text-left w-24 max-md:hidden">@Localizer["Header_UnsubscribeReason"]</th>
<th class="text-center md:text-left md:w-8">@Localizer["Header_Subscribed"]</th> <th class="bg-base-200 sticky top-0 text-center md:text-left md:w-8 z-10">@Localizer["Header_Subscribed"]</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody class="divide-y">
<PageComponent Page="@Page" LoadCallback="LoadSubscribers" ItemsPerPage="@Items"> <PageComponent Page="@Page" LoadCallback="LoadSubscribers" ItemsPerPage="@Items">
<tr> <tr>
<td>@context.Email</td> <td>@context.Email</td>

View file

@ -14,6 +14,9 @@ module.exports = {
'6xl': "2560px", '6xl': "2560px",
'8xl': "3072px" '8xl': "3072px"
}, },
height: {
'128': "32rem"
},
container: { container: {
'max-width': { 'max-width': {
'3xl': "1792px", '3xl': "1792px",

File diff suppressed because one or more lines are too long