master
kek7198 2021-12-04 14:40:53 -06:00
parent dd45e6db93
commit 3b3bca2e8a
1 changed files with 4 additions and 3 deletions

View File

@ -15,11 +15,12 @@
{% for award in v.user_awards %}
<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
{% if award.owned %}
<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award">
<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award" class="peer">
<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-checked:bg-green-300 rounded">
{% else %}
<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award" disabled class="cursor-not-allowed opacity-50 w-full h-full p-2 hover:bg-gray-300 rounded">
<input hidden name="award" value="{{award.kind}}" type="radio" id="{{award.kind}}-award" class="peer" disabled>
<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-checked:bg-green-300 rounded cursor-not-allowed opacity-50">
{% endif %}
<label for="{{award.kind}}-award" onclick="bruh('{{award.kind}}')" class="w-full h-full p-2 text-center hover:bg-gray-300 peer-checked:shadow-inner peer-checked:bg-green-300 rounded">
<i class="{{award.icon}} {{award.color}}"></i>
<div class="mt-2 font-bold text-base text-gray-700">{{award.title}}</div>
<div class="text-sm text-gray-500">{{award.owned}} owned</div>