From 9898e9322c26f5e8fafc3497d918fe482ba4c3ef Mon Sep 17 00:00:00 2001
From: liangfung <jueliang@tabbyml.com>
Date: Tue, 21 Jan 2025 16:07:22 +0800
Subject: [PATCH] update

---
 .../sso/components/ldap-credential-form.tsx              | 4 ++--
 .../sso/components/oauth-credential-form.tsx             | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/ldap-credential-form.tsx b/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/ldap-credential-form.tsx
index 5b8ddbd603d3..832016d35a47 100644
--- a/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/ldap-credential-form.tsx
+++ b/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/ldap-credential-form.tsx
@@ -454,7 +454,7 @@ export function LDAPCredentialForm({
             )}
           />
           <Separator className="my-2" />
-          <div className="flex justify-between gap-4">
+          <div className="flex flex-col sm:flex-row sm:justify-between gap-4">
             <Button
               onClick={onTestLdapCredential}
               type="button"
@@ -466,7 +466,7 @@ export function LDAPCredentialForm({
                 <IconSpinner className="mr-2 h-4 w-4 animate-spin" />
               )}
             </Button>
-            <div className="flex items-center gap-4">
+            <div className="flex justify-end sm:justify-start items-center gap-4">
               <Button
                 type="button"
                 variant="ghost"
diff --git a/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/oauth-credential-form.tsx b/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/oauth-credential-form.tsx
index 9f186d184e90..73489b9d285d 100644
--- a/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/oauth-credential-form.tsx
+++ b/ee/tabby-ui/app/(dashboard)/settings/(integrations)/sso/components/oauth-credential-form.tsx
@@ -277,17 +277,20 @@ export default function OAuthCredentialForm({
 
           {oauthRedirectUrlData && (
             <FormItem className="mt-4">
-              <div className="flex flex-col gap-2 rounded-lg border px-3 py-2">
+              <div className="flex flex-col gap-2 rounded-lg border px-3 py-2 overflow-hidden">
                 <div className="text-sm text-muted-foreground">
                   Create your OAuth2 application with the following information
                 </div>
-                <div className="flex items-center justify-between">
+                <div className="flex flex-col sm:flex-row sm:items-center justify-between">
                   <div className="text-sm font-medium">
                     Authorization callback URL
                   </div>
                   <span className="flex items-center text-sm">
-                    {oauthRedirectUrlData.oauthCallbackUrl}
+                    <span className="truncate">
+                      {oauthRedirectUrlData.oauthCallbackUrl}
+                    </span>
                     <CopyButton
+                      className="shrink-0"
                       type="button"
                       value={oauthRedirectUrlData.oauthCallbackUrl!}
                     />