feat: adjust participant number size depending on value
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user