From 84a3fe85c842114fc26625897cbaf41c9651d524 Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Thu, 21 Nov 2024 13:50:03 +0800
Subject: [PATCH] fix: marketplace card link

---
 .../plugins/marketplace/list/card-wrapper.tsx | 35 ++++---------------
 1 file changed, 7 insertions(+), 28 deletions(-)

diff --git a/web/app/components/plugins/marketplace/list/card-wrapper.tsx b/web/app/components/plugins/marketplace/list/card-wrapper.tsx
index 364a1b2b58..06541fe6d6 100644
--- a/web/app/components/plugins/marketplace/list/card-wrapper.tsx
+++ b/web/app/components/plugins/marketplace/list/card-wrapper.tsx
@@ -48,19 +48,19 @@ const CardWrapper = ({
             <div className='hidden absolute bottom-0 group-hover:flex items-center space-x-2 px-4 pt-8 pb-4 w-full bg-gradient-to-tr from-[#f9fafb] to-[rgba(249,250,251,0)] rounded-b-xl'>
               <Button
                 variant='primary'
-                className='flex-1'
+                className='w-[calc(50%-4px)]'
                 onClick={showInstallFromMarketplace}
               >
                 {t('plugin.detailPanel.operation.install')}
               </Button>
-              <Button
-                className='flex-1'
-              >
-                <a href={`${MARKETPLACE_URL_PREFIX}/plugins/${plugin.org}/${plugin.name}?language=${localeFromLocale}`} target='_blank' className='flex items-center gap-0.5'>
+              <a href={`${MARKETPLACE_URL_PREFIX}/plugins/${plugin.org}/${plugin.name}?language=${localeFromLocale}`} target='_blank' className='block flex-1 shrink-0 w-[calc(50%-4px)]'>
+                <Button
+                  className='w-full gap-0.5'
+                >
                   {t('plugin.detailPanel.operation.detail')}
                   <RiArrowRightUpLine className='ml-1 w-4 h-4' />
-                </a>
-              </Button>
+                </Button>
+              </a>
             </div>
           )
         }
@@ -94,27 +94,6 @@ const CardWrapper = ({
           />
         }
       />
-      {
-        showInstallButton && (
-          <div className='hidden absolute bottom-0 group-hover:flex items-center space-x-2 px-4 pt-8 pb-4 w-full bg-gradient-to-tr from-[#f9fafb] to-[rgba(249,250,251,0)] rounded-b-xl'>
-            <Button
-              variant='primary'
-              className='flex-1'
-              onClick={showInstallFromMarketplace}
-            >
-              {t('plugin.detailPanel.operation.install')}
-            </Button>
-            <Button
-              className='flex-1'
-            >
-              <a href={`${MARKETPLACE_URL_PREFIX}/plugins/${plugin.org}/${plugin.name}`} target='_blank' className='flex items-center gap-0.5'>
-                {t('plugin.detailPanel.operation.detail')}
-                <RiArrowRightUpLine className='ml-1 w-4 h-4' />
-              </a>
-            </Button>
-          </div>
-        )
-      }
     </a>
   )
 }