diff options
| -rw-r--r-- | packages/website/ts/@next/components/footer.tsx | 2 | ||||
| -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'}; |