From 6a9cf2ed2882307f933b21dc7cde7d776b776d48 Mon Sep 17 00:00:00 2001
From: Fu Diwei <fudiwei@sina.com>
Date: Tue, 14 Jan 2025 21:46:09 +0800
Subject: [PATCH] feat(ui): improve responsive ui

---
 ui/src/components/provider/ApplyDNSProviderPicker.tsx | 2 +-
 ui/src/components/provider/DeployProviderPicker.tsx   | 2 +-
 ui/src/pages/workflows/WorkflowDetail.tsx             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/provider/ApplyDNSProviderPicker.tsx b/ui/src/components/provider/ApplyDNSProviderPicker.tsx
index 88d9ebc6..f297716f 100644
--- a/ui/src/components/provider/ApplyDNSProviderPicker.tsx
+++ b/ui/src/components/provider/ApplyDNSProviderPicker.tsx
@@ -40,7 +40,7 @@ const ApplyDNSProviderPicker = ({ className, style, placeholder, onSelect }: App
           <Row gutter={[16, 16]}>
             {filteredProviders.map((provider, index) => {
               return (
-                <Col key={index} span={12}>
+                <Col key={index} xs={24} md={12} span={12}>
                   <Card
                     className="h-16 w-full overflow-hidden shadow-sm"
                     styles={{ body: { height: "100%", padding: "0.5rem 1rem" } }}
diff --git a/ui/src/components/provider/DeployProviderPicker.tsx b/ui/src/components/provider/DeployProviderPicker.tsx
index 159bd53a..537638bf 100644
--- a/ui/src/components/provider/DeployProviderPicker.tsx
+++ b/ui/src/components/provider/DeployProviderPicker.tsx
@@ -40,7 +40,7 @@ const DeployProviderPicker = ({ className, style, placeholder, onSelect }: Deplo
           <Row gutter={[16, 16]}>
             {filteredProviders.map((provider, index) => {
               return (
-                <Col key={index} span={12}>
+                <Col key={index} xs={24} md={12} span={12}>
                   <Card
                     className="h-16 w-full overflow-hidden shadow-sm"
                     styles={{ body: { height: "100%", padding: "0.5rem 1rem" } }}
diff --git a/ui/src/pages/workflows/WorkflowDetail.tsx b/ui/src/pages/workflows/WorkflowDetail.tsx
index 97eeda2d..543bf244 100644
--- a/ui/src/pages/workflows/WorkflowDetail.tsx
+++ b/ui/src/pages/workflows/WorkflowDetail.tsx
@@ -300,7 +300,7 @@ const WorkflowDetail = () => {
                   </Space>
                 </div>
               </div>
-              <div className="px-12 py-8">
+              <div className="px-12 py-8 max-md:px-4">
                 <WorkflowElements />
               </div>
             </div>