aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/instant.tsx
diff options
context:
space:
mode:
authorFabio B <kandinsky454@protonmail.ch>2019-01-11 18:18:18 +0800
committerGitHub <noreply@github.com>2019-01-11 18:18:18 +0800
commit2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5 (patch)
tree23187637b8db2927bdcc11b1b42a2e93787ccaaa /packages/website/ts/pages/instant.tsx
parenta5b7a351609a5e6689bb97990216153f64302462 (diff)
parenta091b2c19d3dae1eacd9b36f71bca9683001ea33 (diff)
downloaddexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.gz
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.bz2
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.lz
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.xz
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.tar.zst
dexon-0x-contracts-2cf57a48dd2857dd5cf2f31f4c60dd47ae4d34a5.zip
Merge pull request #1500 from 0xProject/update-prettier-version
Update prettier to version ^1.15.3
Diffstat (limited to 'packages/website/ts/pages/instant.tsx')
-rw-r--r--packages/website/ts/pages/instant.tsx50
1 files changed, 22 insertions, 28 deletions
diff --git a/packages/website/ts/pages/instant.tsx b/packages/website/ts/pages/instant.tsx
index b97bb35a4..586665d5b 100644
--- a/packages/website/ts/pages/instant.tsx
+++ b/packages/website/ts/pages/instant.tsx
@@ -100,7 +100,7 @@ export class Next0xInstant extends React.Component<Props> {
<div>
{[...Array(18)].map((item, index) => (
<Card key={`card-${index}`} index={index}>
- <img src={`/images/0x-instant/widget-${index % 6 + 1}.png`} />
+ <img src={`/images/0x-instant/widget-${(index % 6) + 1}.png`} />
</Card>
))}
</div>
@@ -189,13 +189,10 @@ const fadeUp = keyframes`
}
`;
-const ConfiguratorSection =
- styled(Section) <
- SectionProps >
- `
- @media (max-width: ${CONFIGURATOR_MIN_WIDTH_PX}px) {
- display: none;
- }
+const ConfiguratorSection = styled(Section)<SectionProps>`
+ @media (max-width: ${CONFIGURATOR_MIN_WIDTH_PX}px) {
+ display: none;
+ }
`;
// width = 370 * 12
@@ -233,29 +230,26 @@ const MarqueeWrap = styled.div`
}
`;
-const Card =
- styled.div <
- { index: number } >
- `
- opacity: 0;
- flex-shrink: 0;
- transform: translateY(10px);
- will-change: opacity, transform;
- animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
-
- img {
- height: auto;
- }
+const Card = styled.div<{ index: number }>`
+ opacity: 0;
+ flex-shrink: 0;
+ transform: translateY(10px);
+ will-change: opacity, transform;
+ animation: ${fadeUp} 0.75s ${props => `${props.index * 0.05}s`} forwards;
- @media (min-width: 768px) {
img {
- width: 370px;
+ height: auto;
}
- }
- @media (max-width: 768px) {
- img {
- width: 300px;
+ @media (min-width: 768px) {
+ img {
+ width: 370px;
+ }
+ }
+
+ @media (max-width: 768px) {
+ img {
+ width: 300px;
+ }
}
- }
`;