From 4eef663b840a626b70c3cb24e61c2d5e565ca279 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B8rn=20Andre=20Tangen=20=40gorillatron?=
 <jornandretangen@gmail.com>
Date: Fri, 6 Oct 2023 11:06:31 +0200
Subject: [PATCH] Smoother animate in of the notifications

---
 components/top-bar/Alerts.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/top-bar/Alerts.tsx b/components/top-bar/Alerts.tsx
index 13f1a1450..3d79f49f2 100644
--- a/components/top-bar/Alerts.tsx
+++ b/components/top-bar/Alerts.tsx
@@ -33,7 +33,10 @@ export const Alerts = () => {
         return (
           <>
             <div className="flex gap-2">
-              <Menu.Button className="text-white font-light relative flex center gap-2">
+              <Menu.Button
+                disabled={alerts.length === 0}
+                className="text-white font-light relative flex center gap-2"
+              >
                 <div
                   className={`transition-all ${
                     hasNotifications
@@ -70,11 +73,11 @@ export const Alerts = () => {
             <Transition
               as={Fragment}
               enter="transition ease-out duration-100"
-              enterFrom="transform -translate-y-2 md:translate-y-0 md:scale-95"
-              enterTo="transform translate-y-0 md:scale-100"
-              leave="transition ease-in translate-y-2 md:translate-y-0 duration-75"
-              leaveFrom="transform translate-y-0 md:scale-100"
-              leaveTo="transform opacity-0 -translate-y-2 md:translate-y-0 md:scale-95"
+              enterFrom="transform -translate-y-2"
+              enterTo="transform translate-y-0 "
+              leave="transition ease-in translate-y-2 duration-75"
+              leaveFrom="transform translate-y-0"
+              leaveTo="transform opacity-0 -translate-y-2"
             >
               <Menu.Items
                 onMouseEnter={mouseEnterMenuHandler}