cover_block.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <div class="bx-base-profile-cover-block-wrapper">
  2. <div class="bx-base-pofile-cover-wrapper __class__ relative bg-gradient-to-b from-gray-100 to-white dark:from-black dark:to-gray-900 rounded-md">
  3. <div class="bx-base-pofile-cover">
  4. <bx_if:show_cover>
  5. <div class="bx-base-pofile-cover-image-wrp relative overflow-hidden">
  6. <div class="absolute w-full h-2/3">
  7. <div class="absolute top-6 -left-1/4 w-2/3 h-2/3 bg-blue-700 filter blur-3xl z-0 opacity-50 animate-goo"></div>
  8. <div class="absolute top-6 -right-1/4 w-2/3 h-2/3 bg-green-700 filter blur-3xl z-0 opacity-50 animate-goo"></div>
  9. </div>
  10. <div class="bx-base-pofile-cover-image relative h-64 lg:h-40 max-w-7xl mx-auto opacity-100 __add_class__">
  11. <p class="bx-base-pofile-cover-image box-border absolute h-full w-full" >
  12. <img class="bx-base-pofile-cover-image h-64 mx-auto w-full object-cover bg-cover lg:h-40 rounded-t z-10 __img_class__ bx-image-edit-source-__unique_id__" style="background-image:url(__cover_url__);__cover_settins__" src="<bx_icon_url:spacer.gif />" />
  13. </p>
  14. </div>
  15. </div>
  16. </bx_if:show_cover>
  17. <div class="bx-base-pofile-cover-info relative mx-auto px-6 ">
  18. <div class="bx-base-pofile-cover-user relative flex flex-col flex-colmt-6 pt-6 sm:pb-1">
  19. <div class="bx-base-profile-cover-title-bages min-w-0 flex-1 mb-4">
  20. <bx_if:show_title_as_tag>
  21. <h1 class="bx-def-unit-info text-2xl font-bold text-gray-900 dark:text-gray-50 text-center sm:truncate">__title__</h1>
  22. </bx_if:show_title_as_tag>
  23. <bx_if:show_title_as_text>
  24. <div class="bx-def-unit-info text-2xl font-bold text-gray-900 dark:text-gray-50 text-center sm:truncate">__title__</div>
  25. </bx_if:show_title_as_text>
  26. <div class="bx-base-profile-cover-meta-holder">
  27. <div class="bx-base-profile-cover-meta flex flex-row flex-wrap justify-center mt-6 md:mt-2 -ml-1 text-base font-medium">__meta__</div>
  28. </div>
  29. </div>
  30. <div class="bx-base-pofile-cover-actions relative flex lg:flex-1 h-14 md:h-10 mb-4" onclick="event.stopPropagation();">__action_menu__</div>
  31. <bx_if:show_text>
  32. <div class="flex justify-between mb-4">
  33. <div class="font-normal text-sm lg:text-base text-gray-500 group-hover:text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-300">__text__</div>
  34. </div>
  35. </bx_if:show_text>
  36. </div>
  37. __show_data__
  38. </div>
  39. __cover_tweak__
  40. </div>
  41. </div>
  42. </div>
  43. __additional_code__