From ba14701210d59db0cbc46f458519e030289c9b34 Mon Sep 17 00:00:00 2001
From: beilunyang <786220806@qq.com>
Date: Wed, 18 Dec 2024 02:45:54 +0800
Subject: [PATCH] fix: Add flex-shrink utility to buttons and profile elements
 for better layout consistency

---
 app/components/auth/sign-button.tsx       | 2 +-
 app/components/profile/profile-card.tsx   | 2 +-
 app/components/profile/webhook-config.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/auth/sign-button.tsx b/app/components/auth/sign-button.tsx
index 8de3d39..2ca0c91 100644
--- a/app/components/auth/sign-button.tsx
+++ b/app/components/auth/sign-button.tsx
@@ -40,7 +40,7 @@ export function SignButton() {
         )}
         <span className="text-sm">{session.user.name}</span>
       </Link>
-      <Button onClick={() => signOut({ callbackUrl: "/" })} variant="outline">
+      <Button onClick={() => signOut({ callbackUrl: "/" })} variant="outline" className="flex-shrink-0">
         登出
       </Button>
     </div>
diff --git a/app/components/profile/profile-card.tsx b/app/components/profile/profile-card.tsx
index 13f24c7..1e64e14 100644
--- a/app/components/profile/profile-card.tsx
+++ b/app/components/profile/profile-card.tsx
@@ -34,7 +34,7 @@ export function ProfileCard({ user }: ProfileCardProps) {
           <div className="flex-1 min-w-0">
             <div className="flex items-center gap-2">
               <h2 className="text-xl font-bold truncate">{user.name}</h2>
-              <div className="flex items-center gap-1 text-xs text-primary bg-primary/10 px-2 py-0.5 rounded-full">
+              <div className="flex items-center gap-1 text-xs text-primary bg-primary/10 px-2 py-0.5 rounded-full flex-shrink-0">
                 <Github className="w-3 h-3" />
                 已关联
               </div>
diff --git a/app/components/profile/webhook-config.tsx b/app/components/profile/webhook-config.tsx
index c52ddb8..0e47595 100644
--- a/app/components/profile/webhook-config.tsx
+++ b/app/components/profile/webhook-config.tsx
@@ -128,7 +128,7 @@ export function WebhookConfig() {
                 type="url"
                 required
               />
-              <Button type="submit" disabled={loading} className="w-20">
+              <Button type="submit" disabled={loading} className="flex-shrink-0">
                 {loading ? (
                   <Loader2 className="w-4 h-4 animate-spin" />
                 ) : (