master
kek7198 2021-12-07 18:26:39 -06:00
parent 9ee2957417
commit 51af7fc2f4
1 changed files with 30 additions and 20 deletions

View File

@ -50,26 +50,36 @@
</tr>
</thead>
<tbody class="bg-gray-100 divide-y divide-gray-300 border-t border-gray-300">
{% for vote in ups %}
<tr class="shadow-inset-t-white-05 odd:bg-gray-200">
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
<img loading="lazy" src="{{vote.user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == vote.user.username else 'bg-white border-gray-300' }}" alt="{{ vote.user.username }} avatar"/>
<!-- User Details -->
<div class="ml-3">
<a class="block font-bold text-black hover:text-red-600" href="/@{{vote.user.username}}">
{{vote.user.username}}
</a>
{% if vote.user.customtitle %}
<p class="text-sm" style="#{{vote.user.namecolor}}">
{{vote.user.customtitle | safe}}
</p>
{% endif %}
{% if ups %}
{% for vote in ups %}
<tr class="shadow-inset-t-white-05 odd:bg-gray-200">
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
<img loading="lazy" src="{{vote.user.profile_url}}" class="flex-shrink-0 p-[3px] border w-12 h-12 object-cover {{ 'bg-red-800 border-red-900' if v.username == vote.user.username else 'bg-white border-gray-300' }}" alt="{{ vote.user.username }} avatar"/>
<!-- User Details -->
<div class="ml-3">
<a class="block font-bold text-black hover:text-red-600" href="/@{{vote.user.username}}">
{{vote.user.username}}
</a>
{% if vote.user.customtitle %}
<p class="text-sm" style="#{{vote.user.namecolor}}">
{{vote.user.customtitle | safe}}
</p>
{% endif %}
</div>
</div>
</div>
</td>
</tr>
{% endfor %}
</td>
</tr>
{% endfor %}
{% else %}
<tr class="shadow-inset-t-white-05 odd:bg-gray-200">
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
No upvotes yet...
</div>
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
@ -80,7 +90,7 @@
<h2 class="text-2xl font-heading font-bold">
Downvotes
</h2>
<div class="flex flex-col">
<div class="flex flex-col mb-8">
<div class="overflow-x-auto">
<div class="align-middle inline-block min-w-full">
<div class="flex flex-col bg-gray-200 border border-gray-300 rounded overflow-hidden">