diff --git a/packages/project-mobile/src/components/aside/index.tsx b/packages/project-mobile/src/components/aside/index.tsx index 2ba0412..ef37ea0 100644 --- a/packages/project-mobile/src/components/aside/index.tsx +++ b/packages/project-mobile/src/components/aside/index.tsx @@ -9,11 +9,12 @@ const StyledAside = styled.aside` export interface IAsideProps { width?: string + style?: React.CSSProperties } export const Aside: React.FC> = (props) => { - const { width = '300px', children } = props - return {children} + const { width = '300px', children, style } = props + return {children} } export default Aside diff --git a/packages/project-mobile/src/components/container/index.tsx b/packages/project-mobile/src/components/container/index.tsx index 01aa648..00975c0 100644 --- a/packages/project-mobile/src/components/container/index.tsx +++ b/packages/project-mobile/src/components/container/index.tsx @@ -16,11 +16,16 @@ const StyledContainer = styled.section` export interface IContainerProps { direction: direction + style?: React.CSSProperties } export const Container: React.FC> = (props) => { - const { direction, children } = props - return {children} + const { direction, children, style } = props + return ( + + {children} + + ) } export default Container diff --git a/packages/project-mobile/src/components/main/index.tsx b/packages/project-mobile/src/components/main/index.tsx index cf4685e..67df2f8 100644 --- a/packages/project-mobile/src/components/main/index.tsx +++ b/packages/project-mobile/src/components/main/index.tsx @@ -10,8 +10,13 @@ const StyledMain = styled.main` height: 100%; ` -export const Main: React.FC> = (props) => { - return {props.children} +export interface IMainProps { + style?: React.CSSProperties +} + +export const Main: React.FC> = (props) => { + const { children, style } = props + return {children} } export default Main