Przeglądaj źródła

add savebutton padding to all onboarding forms

jusrhee 4 lat temu
rodzic
commit
02b29ef7c7

+ 2 - 1
dashboard/src/main/home/onboarding/steps/ConnectRegistry/forms/_AWSRegistryForm.tsx

@@ -201,7 +201,7 @@ export const SettingsForm: React.FC<{
         placeholder="ex: porter-awesome-registry"
         width="100%"
       />
-
+      <Br />
       <SaveButton
         text="Connect Registry"
         disabled={false}
@@ -221,6 +221,7 @@ export const TestRegistryConnection: React.FC<{ nextFormStep: () => void }> = ({
   return (
     <>
       <IntegrationCategories category={"registry"} />
+      <Br />
       <SaveButton
         text="Continue"
         disabled={false}

+ 6 - 0
dashboard/src/main/home/onboarding/steps/ConnectRegistry/forms/_DORegistryForm.tsx

@@ -109,6 +109,7 @@ export const SettingsForm: React.FC<{
         width="100%"
         isRequired={true}
       />
+      <Br />
       <SaveButton
         text="Connect Registry"
         disabled={false}
@@ -141,6 +142,11 @@ export const TestRegistryConnection: React.FC<{
   );
 };
 
+const Br = styled.div`
+  width: 100%;
+  height: 10px;
+`;
+
 const CodeBlock = styled.span`
   display: inline-block;
   background-color: #1b1d26;

+ 1 - 0
dashboard/src/main/home/onboarding/steps/ConnectRegistry/forms/_GCPRegistryForm.tsx

@@ -186,6 +186,7 @@ export const SettingsForm: React.FC<{
         width="100%"
         isRequired={true}
       />
+      <Br />
       <SaveButton
         text="Continue"
         disabled={false}

+ 1 - 1
dashboard/src/main/home/onboarding/steps/ProvisionResources/ProvisionResources.tsx

@@ -10,7 +10,7 @@ import FormFlowWrapper from "./forms/FormFlow";
 import ConnectExternalCluster from "./forms/_ConnectExternalCluster";
 import { SupportedProviders } from "../../types";
 import backArrow from "assets/back_arrow.png";
-import { SharedStatus } from "./forms/Status";
+import { SharedStatus } from "./forms/SharedStatus";
 
 type Props = {
   provider: SupportedProviders | "external";

+ 6 - 0
dashboard/src/main/home/onboarding/steps/ProvisionResources/forms/_DOProvisionerForm.tsx

@@ -214,6 +214,7 @@ export const SettingsForm: React.FC<{
         width="100%"
         isRequired={true}
       />
+      <Br />
       <SaveButton
         text="Connect Registry"
         disabled={false}
@@ -240,6 +241,11 @@ export const Status: React.FC<{
   );
 };
 
+const Br = styled.div`
+  width: 100%;
+  height: 10px;
+`;
+
 const CodeBlock = styled.span`
   display: inline-block;
   background-color: #1b1d26;

+ 1 - 0
dashboard/src/main/home/onboarding/steps/ProvisionResources/forms/_GCPProvisionerForm.tsx

@@ -236,6 +236,7 @@ export const SettingsForm: React.FC<{
         width="100%"
         isRequired={true}
       />
+      <Br />
       <SaveButton
         text="Continue"
         disabled={false}