Reduce vertical screen estate of "Create New App" on larger screens (#…

…131)
caprover · Oct 4, 2023 · bbad0ca · bbad0ca
1 parent 1b3211f
commit bbad0ca
Showing 1 changed file with 15 additions and 19 deletions.
diff --git a/src/containers/apps/CreateNewApp.tsx b/src/containers/apps/CreateNewApp.tsx
@@ -33,16 +33,16 @@ class CreateNewApp extends Component<
         const self = this
 
         return (
-            <Row justify="center">
-                <Col xs={{ span: 23 }} lg={{ span: 10 }}>
-                    <Card
-                        title={
-                            <span>
-                                <PlusCircleOutlined />
-                                &nbsp;&nbsp;&nbsp;Create A New App
-                            </span>
-                        }
-                    >
+            <Card
+                title={
+                    <span>
+                        <PlusCircleOutlined />
+                        &nbsp;&nbsp;&nbsp;Create A New App
+                    </span>
+                }
+            >
+                <Row justify="center">
+                    <Col lg={{ span: 12 }}>
                         <Row>
                             {self.props.isMobile ? (
                                 <Fragment>
@@ -100,21 +100,17 @@ class CreateNewApp extends Component<
                                 </NewTabLink>
                             </Tooltip>
                         </Row>
-
-                        <br />
-
-                        <hr />
-
-                        <br />
+                    </Col>
+                    <Col lg={{ span: 12 }}>
                         <div style={{ textAlign: 'center' }}>
                             <p>Or Select From</p>
                             <Link to="/apps/oneclick/" className="ant-btn">
                                 One-Click Apps/Databases
                             </Link>
                         </div>
-                    </Card>
-                </Col>
-            </Row>
+                    </Col>
+                </Row>
+            </Card>
         )
     }
 }