Fix hover and selected state issues for reason buttons in light theme.

This commit is contained in:
Que Nguyen 2024-04-20 11:03:47 +07:00 committed by GitHub
parent e0ebd7aeaf
commit 77ec9dd1f2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -81,9 +81,9 @@
<div class="flex flex-wrap gap-2 text-sm mt-2.5"> <div class="flex flex-wrap gap-2 text-sm mt-2.5">
{#each reasons as reason} {#each reasons as reason}
<button <button
class="px-3.5 py-1 border dark:border-gray-850 dark:hover:bg-gray-850 {selectedReason === class="px-3.5 py-1 border dark:border-gray-850 hover:bg-gray-100 dark:hover:bg-gray-850 {selectedReason ===
reason reason
? 'dark:bg-gray-800' ? 'bg-gray-200 dark:bg-gray-800'
: ''} transition rounded-lg" : ''} transition rounded-lg"
on:click={() => { on:click={() => {
selectedReason = reason; selectedReason = reason;