File tree Expand file tree Collapse file tree 3 files changed +41
-0
lines changed
src/components/atoms/PageContainer Expand file tree Collapse file tree 3 files changed +41
-0
lines changed Original file line number Diff line number Diff line change
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
+ }
Original file line number Diff line number Diff line change
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
+ }
Original file line number Diff line number Diff line change
1
+ export * from './PageContainer'
You can’t perform that action at this time.
0 commit comments