feat: pulse for not submitted files

This commit is contained in:
EETagent 2022-12-04 00:26:21 +01:00
parent 87b73daf64
commit eabde77ed5

View file

@ -19,7 +19,7 @@
</script> </script>
<!-- make red dot --> <!-- make red dot -->
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between animate-pulse div-{status}">
<span class="mt-1 w-6 h-6 rounded-full {status}" /> <span class="mt-1 w-6 h-6 rounded-full {status}" />
<!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> --> <!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> -->
</div> </div>
@ -29,15 +29,22 @@
@apply rounded-full p-1; @apply rounded-full p-1;
} }
.div-submitted {
@apply animate-none;
}
.submitted { .submitted {
@apply bg-[#35e000ff]; @apply bg-[#35e000ff];
} }
.uploaded { .uploaded {
@apply bg-[#ff8530ff]; @apply bg-[#ff8530ff];
} @apply animate-none;
}
.missing { .missing {
@apply bg-red-700; @apply bg-red-700;
} }
</style> </style>