unit_gallery.html 2.2 KB

12345678910111213141516171819202122232425262728293031
  1. <div id="__html_id__" class="__class__ bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size flex flex-col w-full p-2 box-border">
  2. <div class="bx-base-text-unit-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box h-full">
  3. <div class="bx-base-text-unit-content-before">__unit_content_before__</div>
  4. <bx_if:thumb>
  5. <a href="__content_url__" <bx_if:show_thumb_onclick>onclick="javascript:__content_onclick__"</bx_if:show_thumb_onclick> title="__summary_attr__">
  6. <div class="shrink-0 m-1">
  7. <img class="bx-def-round-corners aspect-video object-cover bg-cover w-full" alt="__title__" style="background-image:url(__gallery_url__); __image_settings__" src="<bx_icon_url:spacer.gif />" />
  8. </div>
  9. </a>
  10. </bx_if:thumb>
  11. <bx_if:no_thumb>
  12. <a href="__content_url__" <bx_if:show_no_thumb_onclick>onclick="javascript:__content_onclick__"</bx_if:show_no_thumb_onclick> title="__summary_attr__">
  13. <div class="bx-def-gal-img-column shrink-0 m-1">
  14. <div class="bx-base-text-unit-no-thumb bx-def-round-corners flex flex-col items-center justify-center aspect-video p-4 bg-gradient-to-b from-red-400 to-red-500 box-border"></div>
  15. </div>
  16. </a>
  17. </bx_if:no_thumb>
  18. <div class="bx-base-text-unit-text flex flex-col flex-1 p-3 md:p-4 lg:p-6 pt-1 md:pt-2 lg:pt-3 box-border">
  19. <div class="bx-base-text-unit-badges pb-1 lg:pb-2">__badges__</div>
  20. <div class="bx-base-text-unit-title flex-auto max-h-14">
  21. <div class="bx-base-tut-title truncate text-left">
  22. <a href="__content_url__" <bx_if:show_onclick>onclick="javascript:__content_onclick__"</bx_if:show_onclick> __content_url_attrs__>__title__</a>
  23. </div>
  24. </div>
  25. <div class="bx-base-text-unit-info flex flex-auto flex-col justify-end text-sm text-gray-500 dark:text-gray-400">
  26. <bx_if:meta><div class="bx-base-general-unit-meta pt-2">__meta__</div></bx_if:meta>
  27. </div>
  28. </div>
  29. <div class="bx-base-text-unit-content-after">__unit_content_after__</div>
  30. </div>
  31. </div>