templates/front/partials/cards/question_reponse-card.html.twig line 1

Open in your IDE?
  1. <li
  2.         x-data="{ open: false }"
  3.         class="mt-4 first:mt-0 border border-grey-lighter rounded-lg"
  5. >
  6.     <div
  7.             @click="open = ! open"
  8.             class="paragraph--M text-violet font-weight-medium p-5 cursor-pointer flex justify-between"
  9.     >
  10.         <span>{{ question.contentProperties.question }}</span>
  11.         <div class="bg-violet round shrink-0 grid place-items-center w-8 h-8">
  12.             <svg x-show="!open" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="w-6 h-6">
  13.                 <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
  14.             </svg>
  15.             <svg x-show="open" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" class="w-6 h-6">
  16.                 <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" />
  17.             </svg>
  18.         </div>
  19.     </div>
  20.     <div
  21.             x-cloak
  22.             class="p-5 pt-3 w-3/4 paragraph--M text-grey-darker cursor-default"
  23.             x-show="open"
  24.     >
  25.         {{ question.contentProperties.reponse }}
  26.     </div>
  27. </li>