瀏覽代碼

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

Que Nguyen 1 年之前
父節點
當前提交
77ec9dd1f2
共有 1 個文件被更改,包括 2 次插入2 次删除
  1. 2 2
      src/lib/components/chat/Messages/RateComment.svelte

+ 2 - 2
src/lib/components/chat/Messages/RateComment.svelte

@@ -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;