feat: Update card preview

mike-engel · Jun 17, 2019 · db0d600 · db0d600 · vercel · Jun 17, 2019
1 parent 800d08b
commit db0d600
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/site/src/pages/index.tsx b/site/src/pages/index.tsx
@@ -11,6 +11,7 @@ import styled from "styled-components";
 import { Stylable } from "../types/component.types";
 import { Preview } from "../components/molecules/preview.component";
 import { spacing } from "../utils/spacing.utils";
+import { pSBC, lightGrey, hexToRgba, black } from "../components/atoms/color.component";
 
 type Props = Stylable;
 
@@ -52,5 +53,8 @@ export default styled(RawIndexPage)`
  max-width: 504px;
  width: auto;
  height: auto;
+ border: 1px solid ${pSBC(0.75, lightGrey)};
+ box-shadow: 0 2px 4px ${hexToRgba(black, 0.15)};
+ border-radius: ${spacing(0.5)}px;
  }
 `;
diff --git a/site/static/images/card_preview.png b/site/static/images/card_preview.png