feat: adjust participant number size depending on value

This commit is contained in:
Björn Fromme
2025-12-09 20:52:12 +01:00
parent 613e0b9a5c
commit e27b5da3c8
@@ -17,7 +17,12 @@
<div class="py-4" id="participant-card-{{ index }}"> <div class="py-4" id="participant-card-{{ index }}">
<div class="flex items-start space-x-4"> <div class="flex items-start space-x-4">
<div class="{{ html_classes('w-12 h-12 inline-flex flex-shrink-0 items-center justify-center rounded-full text-white text-2xl font-bold', { 'bg-primary-dark': not showAsError, 'bg-red-500': showAsError }) }}"> <div class="{{ html_classes('w-12 h-12 inline-flex flex-shrink-0 items-center justify-center rounded-full text-white font-bold', {
'bg-primary-dark': not showAsError,
'bg-red-500': showAsError,
'text-2xl': participantNumber < 100,
'text-xl': participantNumber >= 100,
}) }}">
{{ participantNumber }} {{ participantNumber }}
</div> </div>
<div class="flex-1 leading-5"> <div class="flex-1 leading-5">