From be0f537dc4fe384eef09436833c6407e6482c16d Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Thu, 9 Nov 2023 15:40:16 +0700
Subject: Initial commit

---
 src/common/components/ScreenContainer/index.tsx           | 15 +++++++++++++++
 .../ScreenContainer/screen-container.module.css           |  3 +++
 2 files changed, 18 insertions(+)
 create mode 100644 src/common/components/ScreenContainer/index.tsx
 create mode 100644 src/common/components/ScreenContainer/screen-container.module.css

(limited to 'src/common/components/ScreenContainer')

diff --git a/src/common/components/ScreenContainer/index.tsx b/src/common/components/ScreenContainer/index.tsx
new file mode 100644
index 0000000..60676ea
--- /dev/null
+++ b/src/common/components/ScreenContainer/index.tsx
@@ -0,0 +1,15 @@
+import styles from "./screen-container.module.css"
+
+interface Props {
+  children: React.ReactNode
+}
+
+const ScreenContainer = ({ children }: Props) => {
+  return (
+    <div className={styles.screen}>
+      {children}
+    </div>
+  )
+}
+
+export default ScreenContainer
\ No newline at end of file
diff --git a/src/common/components/ScreenContainer/screen-container.module.css b/src/common/components/ScreenContainer/screen-container.module.css
new file mode 100644
index 0000000..0d055d3
--- /dev/null
+++ b/src/common/components/ScreenContainer/screen-container.module.css
@@ -0,0 +1,3 @@
+.screen {
+    @apply container max-w-[480px] h-screen bg-white;
+}
\ No newline at end of file
-- 
cgit v1.2.3