fix(app): fixing the width of the cart flyout

beelaineo · Jul 31, 2019 · 2922413 · 2922413 · vercel · Aug 1, 2019
1 parent e0b5ca7
commit 2922413
Show file tree

Hide file tree

Showing 3 changed files with 16,557 additions and 4,375 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+!.vscode
+.DS_STORE
+
+.env
+node_modules
+yarn-error.log
+dist
+built
+package-lock.json
diff --git a/app/src/components/Cart.tsx b/app/src/components/Cart.tsx
@@ -8,15 +8,16 @@ interface CartSidebarProps {
 export const CartSidebar = styled.div`
 	${(props: CartSidebarProps) => css`
 		position: fixed;
-		right: ${props.open ? '0px' : '-360px'};
+		right: ${props.open ? '0px' : '-500px'};
 		top: 1;
-		max-width: 340px;
+		max-width: 500px;
 		max-height: 100vh;
 		min-height: 100vh;
 		overflow: scroll;
 		background-color: ${props.theme.color.white};
 		box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
 		transition: 250ms linear;
+		width: 500px;
 		::-webkit-scrollbar {
 			width: 0px;
 			background: transparent;
@@ -32,6 +33,9 @@ export const CartSidebar = styled.div`
 			margin: ${props.theme.layout.spacing.small};
 			margin-top: ${props.theme.layout.spacing.small} !important;
 		}
+		${props.theme.mediaQueries.mobile} {
+			max-width: 340px;
+		}
 	`}
 `