feat(ui): improve responsive ui

This commit is contained in:
Fu Diwei 2025-01-14 21:46:09 +08:00
parent 3dd79d447b
commit 6a9cf2ed28
3 changed files with 3 additions and 3 deletions

View File

@ -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" } }}

View File

@ -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" } }}

View File

@ -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>