templates/component/avatar.html.twig line 1

Open in your IDE?
  1. {% set sizes = {
  2.   hero: {
  3.     dimensions: 'w-56',
  4.     thumbnail: 'avatar-hero',
  5.     font: 'text-2xl md:text-3xl lg:text-5xl'
  6.   },
  7.   default: { dimensions: 'w-28', thumbnail: 'avatar-default', font: 'text-2xl' },
  8.   small: { dimensions: 'w-14', thumbnail: 'avatar-default', font: 'text-xl' },
  9.   tiny: { dimensions: 'w-8', thumbnail: 'avatar-default', font: 'text-sm' }
  10. } %}
  12. {% set size = sizes[size|default('default')] %}
  13. {% set rounded = rounded is defined and rounded == false ? false : true %}
  14. {% set initials = initials|default('') %}
  15. {% set id = id|default(null) %}
  17. <div {% if id %}id="{{id}}"{% endif %} class="{{ size.dimensions }} overflow-hidden {{
  18.   rounded
  19.     ? 'rounded-full'
  20.   }} bg-neutral-100 {{ classes|default('') }}">
  21.   <div class="grid aspect-square place-items-center">
  22.     {% if avatar %}
  23.       {{
  24.         avatar.thumbnail(size.thumbnail).html({
  25.           pictureAttributes: { class: 'w-full h-full' },
  26.           imgAttributes: { class: 'w-full h-full object-cover' }
  27.         })|raw
  28.       }}
  29.     {% else %}
  30.       <div class="grid place-items-center {{ size.font }} text-neutral-300">
  31.         {{ initials|initials }}
  32.       </div>
  33.     {% endif %}
  34.   </div>
  35. </div>