From fa05acfdc74b8f8f59f46bd83230019cad5e1d8f Mon Sep 17 00:00:00 2001
From: nichenqin <nichenqin@hotmail.com>
Date: Sun, 1 Jan 2023 17:31:32 +0800
Subject: [PATCH] fix(web): fix select kanban field style

---
 apps/web/components/kanban-ui/kanban.tsx                | 4 ++--
 apps/web/components/kanban-ui/select-existing-field.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/kanban-ui/kanban.tsx b/apps/web/components/kanban-ui/kanban.tsx
index 5755b4ee0..c84e6bfe9 100644
--- a/apps/web/components/kanban-ui/kanban.tsx
+++ b/apps/web/components/kanban-ui/kanban.tsx
@@ -14,8 +14,8 @@ export const Kanban: React.FC<IProps> = ({ table, records }) => {
   const fieldId = view.kanbanSelectFieldId
   if (fieldId.isNone()) {
     return (
-      <Container h="100%">
-        <Center h="100%">
+      <Container h="100%" w={450}>
+        <Center h="100%" w="100%">
           <SelectKanbanField table={table} />
         </Center>
       </Container>
diff --git a/apps/web/components/kanban-ui/select-existing-field.tsx b/apps/web/components/kanban-ui/select-existing-field.tsx
index d21e19a82..ad406d3cd 100644
--- a/apps/web/components/kanban-ui/select-existing-field.tsx
+++ b/apps/web/components/kanban-ui/select-existing-field.tsx
@@ -40,7 +40,7 @@ export const SelectExistingField: React.FC<IProps> = ({ table, onSuccess }) => {
   const setStepOne = useSetAtom(stepOneAtom)
 
   return (
-    <form onSubmit={onSubmit}>
+    <form onSubmit={onSubmit} style={{ width: '100%' }}>
       <Card shadow={'sm'}>
         <Card.Section withBorder inheritPadding py="sm">
           <Text>select one field</Text>