This is an automated email from the ASF dual-hosted git repository.

xiangfu pushed a commit to branch new-site-dev
in repository https://gitbox.apache.org/repos/asf/pinot-site.git


The following commit(s) were added to refs/heads/new-site-dev by this push:
     new c803bf95 Fix small layout issue (#148)
c803bf95 is described below

commit c803bf9575a607efe460196a63d0af00bc4686fb
Author: Gio <153032991+gio-start...@users.noreply.github.com>
AuthorDate: Thu Apr 3 03:35:00 2025 +0200

    Fix small layout issue (#148)
---
 components/AnnouncementBar.tsx | 29 +++++++++++++----------------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/components/AnnouncementBar.tsx b/components/AnnouncementBar.tsx
index 3f3a91ab..09a129b4 100644
--- a/components/AnnouncementBar.tsx
+++ b/components/AnnouncementBar.tsx
@@ -30,16 +30,16 @@ export default function AnnouncementBar({
 }: 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 @@ export default function AnnouncementBar({
                             {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>
     );
 }


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@pinot.apache.org
For additional commands, e-mail: commits-h...@pinot.apache.org

Reply via email to