From b3f0994a2cc4083b15aa6087178eb0fe68d2c4e4 Mon Sep 17 00:00:00 2001
From: kazura233 <kazira233@gmail.com>
Date: Thu, 7 Dec 2023 00:12:56 +0800
Subject: [PATCH 1/3] Aside style

---
 packages/project-mobile/src/components/aside/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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<PropsWithChildren<IAsideProps>> = (props) => {
-  const { width = '300px', children } = props
-  return <StyledAside style={{ width }}>{children}</StyledAside>
+  const { width = '300px', children, style } = props
+  return <StyledAside style={{ width, ...style }}>{children}</StyledAside>
 }
 
 export default Aside

From cca487b0032c3643cb3686ec4a4ef9d78e51e4aa Mon Sep 17 00:00:00 2001
From: kazura233 <kazira233@gmail.com>
Date: Thu, 7 Dec 2023 00:13:05 +0800
Subject: [PATCH 2/3] Container style

---
 .../project-mobile/src/components/container/index.tsx    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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<PropsWithChildren<IContainerProps>> = (props) => {
-  const { direction, children } = props
-  return <StyledContainer isColumn={direction === 'vertical'}>{children}</StyledContainer>
+  const { direction, children, style } = props
+  return (
+    <StyledContainer isColumn={direction === 'vertical'} style={style}>
+      {children}
+    </StyledContainer>
+  )
 }
 
 export default Container

From 17dd2db47849289b6276139d9f20dbe90cc01abd Mon Sep 17 00:00:00 2001
From: kazura233 <kazira233@gmail.com>
Date: Thu, 7 Dec 2023 00:13:16 +0800
Subject: [PATCH 3/3] Main style

---
 packages/project-mobile/src/components/main/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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<PropsWithChildren<{}>> = (props) => {
-  return <StyledMain>{props.children}</StyledMain>
+export interface IMainProps {
+  style?: React.CSSProperties
+}
+
+export const Main: React.FC<PropsWithChildren<IMainProps>> = (props) => {
+  const { children, style } = props
+  return <StyledMain style={style}>{children}</StyledMain>
 }
 
 export default Main