Skip to content

Commit

Permalink
feat: relocate EmptyBasket atom from WEB
Browse files Browse the repository at this point in the history
  • Loading branch information
Uzhastin-Nikita authored and the-homeless-god committed May 26, 2022
1 parent e524c38 commit eee03b6
Show file tree
Hide file tree
Showing 3 changed files with 43 additions and 0 deletions.
27 changes: 27 additions & 0 deletions src/components/atoms/EmptyBasket/EmptyBasket.styles.module.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
.container {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0 120px;
}

.cart {
margin-top: 200px;
height: 128px;
width: 1182px;
border-radius: 12px;
background: #2c2238;
text-align: center;
}

.text {
padding-top: 50px;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0;
text-align: center;
}
15 changes: 15 additions & 0 deletions src/components/atoms/EmptyBasket/EmptyBasket.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import React from 'react'

import cx from 'classnames'

import css from './EmptyBasket.styles.module.scss'

export const EmptyBasket = () => {
return (
<div className={cx(css.container)}>
<div className={cx(css.cart)}>
<span className={cx(css.text)}>Ваша корзина пуста</span>
</div>
</div>
)
}
1 change: 1 addition & 0 deletions src/components/atoms/EmptyBasket/index.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export * from './EmptyBasket'

0 comments on commit eee03b6

Please sign in to comment.