commit c803bf9575a607efe460196a63d0af00bc4686fb
author Gio <153032991+gio-startree@users.noreply.github.com> Thu Apr 03 03:35:00 2025 +0200
committer GitHub <noreply@github.com> Wed Apr 02 18:35:00 2025 -0700
tree 96ffb600a08fafa7aefe52f4bd8380af6dee3fb6
parent 14821e3c119b9f1bfc27a9a4c9555d02ec18168d

Fix small layout issue (#148)

components/AnnouncementBar.tsx

diff --git a/components/AnnouncementBar.tsx b/components/AnnouncementBar.tsx
index 3f3a91a..09a129b 100644
--- a/components/AnnouncementBar.tsx
+++ b/components/AnnouncementBar.tsx
@@ -30,16 +30,16 @@
 }: AnnouncementBarProps) {
     return (
         <div className={clsx('z-50', backgroundColor, className)}>
-            <Link
-                href={buttonHref ? buttonHref : '#'}
-                target={buttonTarget}
-                className={`inline-flex items-center whitespace-nowrap text-base font-semibold hover:opacity-80 md:text-base ${buttonColor}`}
+            <div
+                className={clsx(
+                    'flex items-center justify-center gap-2 p-4 md:gap-4 md:p-2',
+                    className
+                )}
             >
-                <div
-                    className={clsx(
-                        'flex items-center justify-center gap-2 p-4 md:gap-4 md:p-2',
-                        className
-                    )}
+                <Link
+                    href={buttonHref || '#'}
+                    target={buttonTarget}
+                    className={`inline-flex items-center whitespace-nowrap text-base font-semibold hover:opacity-80 md:text-base ${buttonColor}`}
                 >
                     <div className="ml-5 flex items-center text-left">
                         {iconSrc && (
@@ -53,13 +53,10 @@
                             {text}
                         </span>
                     </div>
-
-                    <>
-                        {buttonText}
-                        {showArrowIcon && <ArrowRight className="ml-1 inline-block h-5 w-5" />}
-                    </>
-                </div>
-            </Link>
+                    {buttonText}
+                    {showArrowIcon && <ArrowRight className="ml-1 inline-block h-5 w-5" />}
+                </Link>
+            </div>
         </div>
     );
 }