added hover effect to announcement bar components

This commit is contained in:
daniel31x13 2023-11-07 14:54:37 -05:00
parent c300da172b
commit a2f03ff468

View File

@ -16,14 +16,17 @@ export default function AnnouncementBar({ toggleAnnouncementBar }: Props) {
<Link <Link
href="https://blog.linkwarden.app/releases/v2.0" href="https://blog.linkwarden.app/releases/v2.0"
target="_blank" target="_blank"
className="underline" className="underline hover:opacity-50 duration-100"
> >
Linkwarden v2.0 Linkwarden v2.0
</Link>{" "} </Link>{" "}
is now out! 🥳 is now out! 🥳
</div> </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" /> <FontAwesomeIcon icon={faClose} className="w-4 h-4" />
</button> </button>
</div> </div>