Merge pull request #614 from subquery/fix/styles

fix: styles

Author: HuberTRoy

src/index.less

@@ -227,7 +227,7 @@ label,
 
 .button {
   margin-right: 1rem;
-  background: var(--gradient-to);
+  background: var(--sq-blue600);
   color: white;
 }
 
@@ -284,3 +284,13 @@ label,
   height: 100%;
   max-height: 60px;
 }
+
+
+.ant-btn-primary {
+  background-color: var(--sq-blue600);
+}
+
+.ant-steps .ant-steps-item-process .ant-steps-item-icon {
+  background-color: var(--sq-blue600);
+  border-color: var(--sq-blue600);
+}

src/pages/consumer/MyOffers/MyOffers.module.css

@@ -9,6 +9,7 @@
 
 .create {
   height: 40px;
+  flex-shrink: 0;
 }
 
 .description {

src/pages/delegator/DoDelegate/DelegateFrom.tsx

@@ -222,7 +222,7 @@ export const DelegateForm: React.FC<FormProps> = ({
       {({ submitForm, isValid, isSubmitting, setFieldValue, setErrors, values, resetForm }) => {
         return (
           <Form>
-            <div>
+            <div style={{ display: 'flex', flexDirection: 'column' }}>
               <SummaryList list={summaryList} />
               <Divider className={styles.divider} />
 

src/pages/delegator/DoDelegate/DoDelegate.module.less

@@ -16,11 +16,6 @@
   margin: 1rem 0;
 }
 
-.divider {
-  margin-top: 28px;
-  margin-bottom: 24px;
-}
-
 .delegatorSelect {
 
   :global {
@@ -32,7 +27,7 @@
     }
 
     .ant-select-selection-search-input.ant-select-selection-search-input.ant-select-selection-search-input.ant-select-selection-search-input {
-      margin-top: 7px;
+      margin-top: 5px;
     }
 
     .ant-space {

src/pages/indexer/MyPlans/Create/Create.module.less

@@ -57,3 +57,7 @@
     }
   }
 }
+
+.planSelector:global(.ant-select-single.ant-select-lg) {
+      height: 60px;
+}

src/pages/indexer/MyPlans/Create/Create.tsx

@@ -143,7 +143,7 @@ const DeploymentIdOptions = ({ onChooseSpecificPlan }: { onChooseSpecificPlan: (
         placeholder="Select specific deployment Id"
         optionFilterProp="children"
         onChange={(deploymentId) => onChooseSpecificPlan(deploymentId)}
-        className={clsx('fullWidth', 'flex')}
+        className={clsx('fullWidth', 'flex', styles.planSelector)}
         loading={indexerDeployments.loading}
         size="large"
         allowClear

src/pages/indexer/MyPlans/Plans.module.css

@@ -7,4 +7,5 @@
 
 .create {
   height: 40px;
+  flex-shrink: 0;
 }