From a2f03ff468115e8b36dbb8cc8fae680badc3a7d0 Mon Sep 17 00:00:00 2001
From: daniel31x13 <daniel31x13@gmail.com>
Date: Tue, 7 Nov 2023 14:54:37 -0500
Subject: [PATCH] added hover effect to announcement bar components

---
 components/AnnouncementBar.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/AnnouncementBar.tsx b/components/AnnouncementBar.tsx
index cf6350dd..6e46eea9 100644
--- a/components/AnnouncementBar.tsx
+++ b/components/AnnouncementBar.tsx
@@ -16,14 +16,17 @@ export default function AnnouncementBar({ toggleAnnouncementBar }: Props) {
           <Link
             href="https://blog.linkwarden.app/releases/v2.0"
             target="_blank"
-            className="underline"
+            className="underline hover:opacity-50 duration-100"
           >
             Linkwarden v2.0
           </Link>{" "}
           is now out! 🥳️
         </div>
 
-        <button className="fixed top-3 right-3" onClick={toggleAnnouncementBar}>
+        <button
+          className="fixed top-3 right-3 hover:opacity-50 duration-100"
+          onClick={toggleAnnouncementBar}
+        >
           <FontAwesomeIcon icon={faClose} className="w-4 h-4" />
         </button>
       </div>