From f05aab2430b1cccb33683a87e069297e4e06cb74 Mon Sep 17 00:00:00 2001
From: abearxiong <xiongxiao@xiongxiao.me>
Date: Fri, 27 Feb 2026 02:24:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=20RepoCard=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93=E5=92=8C=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/repos/components/RepoCard.tsx | 42 ++++++++++++++-----------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/pages/repos/components/RepoCard.tsx b/src/pages/repos/components/RepoCard.tsx
index 5092395..a3f17a6 100644
--- a/src/pages/repos/components/RepoCard.tsx
+++ b/src/pages/repos/components/RepoCard.tsx
@@ -21,6 +21,7 @@ import { myOrgs } from '../store/build'
 import { app, cnb } from '@/agents/app'
 import { toast } from 'sonner'
 import { useNavigate } from '@tanstack/react-router'
+import clsx from 'clsx'
 
 interface RepoCardProps {
   repo: any
@@ -298,25 +299,30 @@ export function RepoCard({ showReturn = false, repo }: RepoCardProps) {
             )}
             <Badge variant="outline" className="text-xs border-neutral-300 text-neutral-700 hover:bg-neutral-100 transition-colors">{repo.visibility_level}</Badge>
           </div>
-
-          {repo.site && (
-            <div
-              className="text-xs text-neutral-500 hover:text-neutral-900 hover:underline flex  transition-colors"
-              onClick={() => {
-                window.open(repo.site, '_blank')
-              }}
-            >
-              <LinkIcon className="w-4 h-4 shrink-0 mr-2" />
-              <div className='truncate grow'>
-                {repo.site}
+          <div className={clsx("flex flex-col sm:flex-row sm:items-center gap-4", !showReturn && "cursor-pointer")} onClick={() => {
+            if (!showReturn) {
+              window.open(repo.site, '_blank')
+            }
+          }}>
+            {repo.site && (
+              <div
+                className="text-xs text-neutral-500 hover:text-neutral-900 hover:underline flex  transition-colors"
+                onClick={() => {
+                  window.open(repo.site, '_blank')
+                }}
+              >
+                <LinkIcon className="w-4 h-4 shrink-0 mr-2" />
+                <div className='truncate grow'>
+                  {repo.site}
+                </div>
               </div>
-            </div>
-          )}
-          {repo.description && (
-            <p className="ml-2 text-sm text-neutral-600 line-clamp-2 min-h-10 grow">
-              {repo.description}
-            </p>
-          )}
+            )}
+            {repo.description && (
+              <p className="ml-2 text-sm text-neutral-600 line-clamp-2 min-h-10 grow">
+                {repo.description}
+              </p>
+            )}
+          </div>
 
 
           <div className="absolute bottom-0 left-0 right-0 flex items-center gap-4 text-xs text-neutral-500 px-6 py-3 border-t border-neutral-100 bg-neutral-50">