aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/components/footer.tsx2
-rw-r--r--packages/website/ts/@next/components/newsletter_form.tsx (renamed from packages/website/ts/@next/components/newsletterForm.tsx)10
2 files changed, 8 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/footer.tsx b/packages/website/ts/@next/components/footer.tsx
index 4c6adfae8..9c2ed1ea8 100644
--- a/packages/website/ts/@next/components/footer.tsx
+++ b/packages/website/ts/@next/components/footer.tsx
@@ -7,7 +7,7 @@ import { colors } from 'ts/style/colors';
import { BREAKPOINTS, Column, Section, Wrap, WrapGrid } from 'ts/@next/components/layout';
import { Logo } from 'ts/@next/components/logo';
-import { NewsletterForm } from 'ts/@next/components/newsletterForm';
+import { NewsletterForm } from 'ts/@next/components/newsletter_form';
interface FooterInterface {
}
diff --git a/packages/website/ts/@next/components/newsletterForm.tsx b/packages/website/ts/@next/components/newsletter_form.tsx
index ab962f046..3277f7f2e 100644
--- a/packages/website/ts/@next/components/newsletterForm.tsx
+++ b/packages/website/ts/@next/components/newsletter_form.tsx
@@ -91,11 +91,15 @@ const StyledInput = styled.input`
background-color: transparent;
border: 0;
border-bottom: 1px solid #393939;
- color: #B1B1B1; // #9D9D9D on light theme
+ color: #fff;
font-size: 1.294117647rem;
padding: 15px 0;
outline: none;
width: 100%;
+
+ &::placeholder {
+ color: #B1B1B1; // #9D9D9D on light theme
+ }
`;
const InputWrapper = styled.div`
@@ -121,7 +125,7 @@ const SubmitButton = styled.button`
outline: 0;
&:focus-within {
- background-color: #eee;
+ //background-color: #eee;
}
`;
@@ -142,7 +146,7 @@ const SuccessText = styled.p<ArrowProps>`
position: absolute;
left: 0;
top: 0;
- text-align: center;
+ text-align: left;
right: 50px;
opacity: ${props => props.isSubmitted ? 1 : 0};
visibility: ${props => props.isSubmitted ? 'visible' : 'hidden'};