aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-11 22:02:56 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-11 23:11:08 +0800
commitec72a4b68c2e5dda3d77fdca9308f7ea75cf905d (patch)
tree0bd4efc8c9ccb9faeec9c81edb3bde72dca9175b /packages/website/ts/@next
parent1f4af537c0bf4d8253590fd8c9f449b7a13805a9 (diff)
downloaddexon-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
Diffstat (limited to 'packages/website/ts/@next')
-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'};