feat(mobile): 시간 선택 View Layout을 구현합니다. (#62)

.vscode/settings.json

@@ -3,5 +3,17 @@
     {
       "mode": "auto"
     }
-  ]
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "never",
+    // stylelint 자동 수정
+    "source.fixAll.stylelint": "explicit",
+    // eslint 자동 수정
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.tslint": "never",
+    // 사용하지 않은 import 삭제
+    "source.organizeImports": "explicit"
+  },
+
+  "stylelint.validate": ["css", "scss", "postcss", "typescript", "typescriptreact"]
 }

apps/mobile/app/select-date/layout.tsx

@@ -0,0 +1,14 @@
+import SelectDateHeader from "../../components/select-date/SelectDateHeader";
+
+export default function layout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      <SelectDateHeader />
+      <div className="p-[2rem]">{children}</div>
+    </>
+  );
+}

apps/mobile/app/select-date/page.tsx

@@ -0,0 +1,3 @@
+export default function page() {
+  return <div>hi</div>;
+}

apps/mobile/components/select-date/SelectDateHeader.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { MobileIconArrowLeftBlack } from "@setaday/icon";
+import { useRouter } from "next/navigation";
+
+function SelectDateHeader() {
+  const router = useRouter();
+  const clickArrowBtn = () => {
+    router.back();
+  };
+  return (
+    <header className="border-gray-1 flex h-[5.2rem] w-[100dvw] items-center justify-between border-b-[1px] px-[0.9rem]">
+      <button onClick={clickArrowBtn}>
+        <MobileIconArrowLeftBlack />
+      </button>
+
+      <h2 className="font-body3_m_16 text-gray-6">날짜 선택</h2>
+
+      <div className="h-[3.2rem] w-[3.2rem]"></div>
+    </header>
+  );
+}
+
+export default SelectDateHeader;

apps/mobile/styles/globals.css

@@ -148,6 +148,8 @@
     @apply m-0 mx-auto min-h-[100dvh] w-[100vw] max-w-[43rem];
     -ms-overflow-style: none;
     scrollbar-width: none;
+    margin: 0;
+    padding: 0;
   }
 
   #root::-webkit-scrollbar {