Skip to content

Commit

Permalink
style: update placeholder component colors for improved accessibility
Browse files Browse the repository at this point in the history
  • Loading branch information
MrPunyapal committed Nov 3, 2024
1 parent 5df17b8 commit 6f65f52
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions resources/views/livewire/questions/placeholder.blade.php
Original file line number Diff line number Diff line change
@@ -1,31 +1,31 @@
<article class="block">
<div class="animate-pulse group p-4 mt-3 rounded-2xl bg-slate-900">
<div class="flex items center justify-between">
<div class="flex items center w-full">
<div class="animate-pulse group p-4 mt-3 rounded-2xl bg-gray-200 dark:bg-slate-900">
<div class="flex items-center justify-between">
<div class="flex items-center w-full">
<div class="flex-shrink-0 mr-3">
<div class="w-10 h-10 bg-slate-700 rounded-full"></div>
<div class="w-10 h-10 bg-gray-300 dark:bg-slate-700 rounded-full"></div>
</div>
<div class="flex flex-col">
<div class="w-20 h-2 mt-2 bg-slate-700 rounded"></div>
<div class="w-16 h-2 mt-2.5 bg-slate-700 rounded"></div>
<div class="w-20 h-2 mt-2 bg-gray-300 dark:bg-slate-700 rounded"></div>
<div class="w-16 h-2 mt-2.5 bg-gray-300 dark:bg-slate-700 rounded"></div>
</div>
</div>
</div>
<div class="flex-column justify-start w-full py-1">
<div class="h-2 w-10/12 bg-slate-700 my-3 rounded"></div>
<div class="h-2 bg-slate-700 my-3 rounded"></div>
<div class="h-2 w-32 bg-slate-700 my-3 rounded"></div>
<div class="h-2 w-10/12 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
<div class="h-2 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
<div class="h-2 w-32 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
</div>
<div class="flex items-center justify-between w-full">
<div class="flex items-start">
<div class="w-4 h-4 bg-slate-700 rounded-full"></div>
<div class="w-4 h-4 bg-slate-700 rounded-full ml-2"></div>
<div class="w-4 h-4 bg-slate-700 rounded-full ml-2"></div>
<div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full"></div>
<div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
<div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
</div>
<div class="flex items-end">
<div class="w-16 h-2 my-1 bg-slate-700 rounded"></div>
<div class="w-4 h-4 bg-slate-700 rounded-full ml-2"></div>
<div class="w-16 h-2 my-1 bg-gray-300 dark:bg-slate-700 rounded"></div>
<div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
</div>
</div>
</div>
</article>
</article>

0 comments on commit 6f65f52

Please sign in to comment.