diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-11 22:02:56 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-11 23:11:08 +0800 |
| commit | ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d (patch) | |
| tree | 0bd4efc8c9ccb9faeec9c81edb3bde72dca9175b | |
| parent | 1f4af537c0bf4d8253590fd8c9f449b7a13805a9 (diff) | |
| download | dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.tar dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.tar.gz dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.tar.bz2 dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.tar.lz dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.tar.xz dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.tar.zst dexon-sol-tools-ec72a4b68c2e5dda3d77fdca9308f7ea75cf905d.zip | |
Rename form file
| -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'}; |