feat: 优化 RepoCard 组件，添加条件渲染和样式调整

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,7 +299,11 @@ 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>
-
+          <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"
@@ -317,6 +322,7 @@ export function RepoCard({ showReturn = false, repo }: RepoCardProps) {
                 {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">