66 x-cloak
77 wire:click =" handleReactionToggle('{{ $reactionData [' reaction' ] } } ')"
88 type =" button"
9- class =" inline-flex items-center justify-center gap-1 rounded-full border px-2 h-8 text-sm font-medium transition hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed
9+ class =" inline-flex items-center justify-center gap-1 rounded-full border px-2 h-8 text-sm font-medium transition focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed
1010 {{ $reactionData [' reacted_by_current_user' ]
11- ? ' bg-primary-100 dark:bg-primary-800 border-primary-300 dark:border-primary-600 text-primary-700 dark:text-primary-200'
12- : ' bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200' } }"
11+ ? ' bg-primary-100 dark:bg-primary-800 border-primary-300 dark:border-primary-600 text-primary-700 dark:text-primary-200 hover:bg-primary-200 dark:hover:bg-primary-600 '
12+ : ' bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 ' } }"
1313 title =" {{ $reactionData [' reaction' ] } }"
1414
1515 >
@@ -25,7 +25,7 @@ class="inline-flex items-center justify-center gap-1 rounded-full border px-2 h-
2525 x-on:click =" open = !open"
2626 type =" button"
2727 @disabled (! auth ()-> check () )
28- class =" inline-flex items-center justify-center gap-1 rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 w-8 h-8 text-sm font-medium text-gray-700 dark:text-gray-200 transition hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
28+ class =" inline-flex items-center justify-center gap-1 rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 w-8 h-8 text-sm font-medium text-gray-700 dark:text-gray-200 transition hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
2929 title =" Add Reaction"
3030 wire:key =" add-reaction-button-{{ $comment -> getId () } }"
3131 >
@@ -51,10 +51,10 @@ class="absolute bottom-full mb-2 z-10 bg-white dark:bg-gray-800 border border-gr
5151 x-on:click =" open = false"
5252 type =" button"
5353 @disabled (! auth ()-> check () )
54- class =" inline-flex items-center justify-center gap-1 rounded-full border w-8 h-8 text-sm font-medium transition hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed
54+ class =" inline-flex items-center justify-center gap-1 rounded-full border w-8 h-8 text-sm font-medium transition focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed
5555 {{ $reactionData [' reacted_by_current_user' ]
56- ? ' bg-primary-100 dark:bg-primary-800 border-primary-300 dark:border-primary-600 text-primary-700 dark:text-primary-200'
57- : ' bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200' } }"
56+ ? ' bg-primary-100 dark:bg-primary-800 border-primary-300 dark:border-primary-600 text-primary-700 dark:text-primary-200 hover:bg-primary-200 dark:hover:bg-primary-600 '
57+ : ' bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 ' } }"
5858 title =" {{ $reactionEmoji } }"
5959 wire:key =" popup-reaction-button-{{ $reactionEmoji } } -{{ $comment -> getId () } }"
6060 >
@@ -69,7 +69,7 @@ class="inline-flex items-center justify-center gap-1 rounded-full border w-8 h-8
6969 @if (! in_array ($reactionEmoji , $allowedReactions ) && $data [' count' ] > 0 )
7070 <span
7171 wire:key =" reaction-extra-{{ $reactionEmoji } } -{{ $comment -> getId () } }"
72- class =" inline-flex items-center justify-center gap-1 rounded-full border border-gray-300 dark:border-gray-600 bg-gray-100 dark:bg-gray-800 w-8 h-8 text-sm font-medium text-gray-600 dark:text-gray-300"
72+ class =" inline-flex items-center justify-center gap-1 rounded-full border border-gray-300 dark:border-gray-600 bg-gray-100 dark:bg-gray-800 px-2 h-8 text-sm font-medium text-gray-600 dark:text-gray-300"
7373 title =" {{ $reactionEmoji } }"
7474 >
7575 <span >{{ $reactionEmoji } } </span >
0 commit comments