block_async_timeline.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div class="bx-db-placeholder-async flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
  2. <div class="flex items-center p-4">
  3. <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
  4. <div class="flex-1 lrt:ml-4 rtl:mr-4 space-y-2 animate-pulse">
  5. <div class="bg-gray-300 dark:bg-gray-600 h-3 w-1/3 rounded-xl">&nbsp;</div>
  6. <div class="bg-gray-200 dark:bg-gray-600 h-3 w-1/2 rounded-xl">&nbsp;</div>
  7. </div>
  8. </div>
  9. <div class="h-48 m-1 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
  10. <div class="p-4 space-y-4 animate-pulse">
  11. <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-full">&nbsp;</div>
  12. <div class="flex space-x-1 rtl:space-x-reverse">
  13. <div class="bg-gray-200 dark:bg-gray-700 h-3 w-1/3 rounded-xl"></div>
  14. <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
  15. </div>
  16. <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
  17. </div>
  18. </div>
  19. <div class="flex-1 mb-4 p-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
  20. <div class="flex items-center">
  21. <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
  22. <div class="flex-1 lrt:ml-4 rtl:mr-4 space-y-2 animate-pulse">
  23. <div class="h-3 w-1/3 bg-gray-300 dark:bg-gray-600 rounded-xl">&nbsp;</div>
  24. <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
  25. </div>
  26. </div>
  27. <div class="mt-4 space-y-2 animate-pulse">
  28. <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
  29. <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
  30. <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
  31. <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
  32. </div>
  33. </div>
  34. <script>
  35. loadDynamicBlockAsync('__id__', false, false);
  36. </script>