Update wish tally layout on mobile

This commit is contained in:
Made Baruna 2021-12-31 13:21:18 +07:00
parent e720c2a7d5
commit 773cd84167
No known key found for this signature in database
GPG key ID: 5AA5DA16AA5DCEAD

View file

@ -361,7 +361,7 @@
{:else if !loading && error !== undefined} {:else if !loading && error !== undefined}
<p class="text-white">Data is not available</p> <p class="text-white">Data is not available</p>
{:else} {:else}
<div class="flex mb-4"> <div class="flex flex-col space-y-4 xl:flex-row xl:space-y-0 mb-4">
<img <img
src="/images/banners/{banner.name} {banner.image}.png" src="/images/banners/{banner.name} {banner.image}.png"
alt={banner.name} alt={banner.name}
@ -550,10 +550,10 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4" class="p-0">
<span <span
class="absolute bg-legendary-from block" class="absolute bg-legendary-from block"
style="height: 1px; margin-top: 1px; width: {(item.count / legendary.total) * 100}%;" style="height: 1px; width: {(item.count / legendary.total) * 100}%;"
/> />
</td> </td>
</tr> </tr>