[#1584] Set input email footer as borderless

akvo · Sep 4, 2023 · a66f5b9 · a66f5b9
1 parent 309e1fc
commit a66f5b9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/frontend/src/pages/landing/index.jsx b/frontend/src/pages/landing/index.jsx
@@ -1006,7 +1006,11 @@ const Footer = () => {
                   onFinish={onFinish}
                 >
                   <Form.Item name="email">
-                    <Input type="email" placeholder="Enter your email" />
+                    <Input
+                      type="email"
+                      placeholder="Enter your email"
+                      bordered={false}
+                    />
                   </Form.Item>
                   <Form.Item shouldUpdate>
                     {() => (

diff --git a/frontend/src/pages/landing/index.module.scss b/frontend/src/pages/landing/index.module.scss
@@ -1648,9 +1648,8 @@
                   -webkit-text-fill-color: $primaryWhite;
                 }
               }
-              .ant-input {
-                border: none;
-                box-shadow: none;
+              .ant-form-item-control-input-content {
+                color: $primaryWhite;
               }
               .ant-form-item {
                 margin-right: 0;