crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-29 18:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes per review

Browse Source
This commit is contained in:
Martin Bavio 2020-10-30 22:39:28 -03:00
parent 25b275cead
commit b5b21364ce
3 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/cart/CartEmpty/index.tsx
View File

@ -1,7 +1,9 @@
import { FC } from 'react'
import Link from 'next/link'
import { Bag } from '@components/icons' import { Bag } from '@components/icons'
import { Button } from '@components/ui' import styles from './styles.module.css'
const CartEmpty: React.FC = () => { const CartEmpty: FC = () => {
return ( return (
<div className="flex-1 px-12 py-24 flex flex-col justify-center items-center "> <div className="flex-1 px-12 py-24 flex flex-col justify-center items-center ">
<span className="border border-dashed border-secondary rounded-full flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary"> <span className="border border-dashed border-secondary rounded-full flex items-center justify-center w-16 h-16 bg-primary p-12 rounded-lg text-primary">
@ -13,9 +15,9 @@ const CartEmpty: React.FC = () => {
<p className="text-accents-6 px-10 text-center pt-2"> <p className="text-accents-6 px-10 text-center pt-2">
Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake. Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake.
</p> </p>
<Button href="/" Component="a" className="block mt-8"> <Link href="/">
Continue Shopping <a className={styles.action}>Continue Shopping</a>
</Button> </Link>
</div> </div>
) )
} }

11
components/cart/CartEmpty/styles.module.css Normal file
View File

@ -0,0 +1,11 @@
.action {
@apply block mt-8 bg-secondary text-accents-1 px-10 rounded-sm leading-6 transition ease-in-out duration-150 shadow-sm font-semibold text-center uppercase py-4 border border-transparent;
}
.action:hover {
@apply bg-accents-0 text-primary border border-secondary;
}
.action:focus {
@apply shadow-outline outline-none;
}

4
components/cart/CartSkeleton/index.tsx
View File

@ -1,4 +1,6 @@
const CartSkeleton: React.FC = () => { import { FC } from 'react'
const CartSkeleton: FC = () => {
return ( return (
<div className="grid lg:grid-cols-12"> <div className="grid lg:grid-cols-12">
<div className="lg:col-span-8"> <div className="lg:col-span-8">