updated minor styles

2023-02-21 20:50:41 +07:00
parent 674377c11a
commit c9fa4252d5
7 changed files with 18 additions and 60 deletions
--- a/src/components/note/atoms/reaction.tsx
+++ b/src/components/note/atoms/reaction.tsx
@@ -70,11 +70,11 @@ export default function Reaction({
    <button
      onClick={(e) => handleReaction(e)}
      className="group flex w-16 items-center gap-1.5 text-sm text-zinc-500">
-      <div className="rounded-lg p-1 group-hover:bg-zinc-800">
+      <div className="rounded-lg p-1 group-hover:bg-zinc-600">
        {isReact ? (
          <LikeSolidIcon className="h-5 w-5 text-red-500" />
        ) : (
-          <LikeIcon className="h-5 w-5" />
+          <LikeIcon className="h-5 w-5 group-hover:text-red-400" />
        )}
      </div>
      <span>{reaction}</span>