Skip to content

Commit

Permalink
feat: relocate PageContainer 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 47dcafc commit 136cf0c
Show file tree
Hide file tree
Showing 3 changed files with 41 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
@import 'src/scss/mixins';

.page-container {
display: flex;
flex-flow: wrap;
position: relative;
height: auto;
width: 100%;
background-image: url('../../../../public/images/common/ellipse-background.png');
background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;

@include desktop {
padding: 0 110px 100px;
background-image: none;
}

@include tablet {
background-size: 100% 20%;
}

@include mobile {
background-size: 100% 20%;
}
}
14 changes: 14 additions & 0 deletions src/components/atoms/PageContainer/PageContainer.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React from 'react'

import cx from 'classnames'

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

export type PageContainerProps = {
className?: string
children?: React.ReactNode
}

export const PageContainer = ({ className, children }: PageContainerProps) => {
return <div className={cx(css.pageContainer, className)}>{children}</div>
}
1 change: 1 addition & 0 deletions src/components/atoms/PageContainer/index.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export * from './PageContainer'

0 comments on commit 136cf0c

Please sign in to comment.