Skip to content

Commit 136cf0c

Browse files
Uzhastin-Nikitathe-homeless-god
authored andcommitted
feat: relocate PageContainer atom from web
1 parent 47dcafc commit 136cf0c

File tree

3 files changed

+41
-0
lines changed

3 files changed

+41
-0
lines changed
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@import 'src/scss/mixins';
2+
3+
.page-container {
4+
display: flex;
5+
flex-flow: wrap;
6+
position: relative;
7+
height: auto;
8+
width: 100%;
9+
background-image: url('../../../../public/images/common/ellipse-background.png');
10+
background-position-x: right;
11+
background-position-y: top;
12+
background-repeat: no-repeat;
13+
14+
@include desktop {
15+
padding: 0 110px 100px;
16+
background-image: none;
17+
}
18+
19+
@include tablet {
20+
background-size: 100% 20%;
21+
}
22+
23+
@include mobile {
24+
background-size: 100% 20%;
25+
}
26+
}
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import React from 'react'
2+
3+
import cx from 'classnames'
4+
5+
import css from './PageContainer.styles.module.scss'
6+
7+
export type PageContainerProps = {
8+
className?: string
9+
children?: React.ReactNode
10+
}
11+
12+
export const PageContainer = ({ className, children }: PageContainerProps) => {
13+
return <div className={cx(css.pageContainer, className)}>{children}</div>
14+
}
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './PageContainer'

0 commit comments

Comments
 (0)