授業登録画面を修正

Author: nakaterm

web/app/signup/page.tsx

@@ -77,9 +77,11 @@ function Registration() {
 export default function RegistrationPage() {
   return (
     <NavigateByAuthState type="toHomeForAuthenticated">
-      <div className="absolute top-14 right-0 bottom-0 left-0 overflow-y-auto">
+      <div className="flex h-screen flex-col">
         <Header title="登録/Register" />
-        <Registration />
+        <div className="mt-14 flex-1">
+          <Registration />
+        </div>
       </div>
     </NavigateByAuthState>
   );

web/app/signup/steps/step4_course.tsx

@@ -6,27 +6,27 @@ import EditableCoursesTable from "~/components/course/EditableCoursesTable";
 export default function Step4() {
   const { state } = useMyID();
   return (
-    <>
-      <div>
+    <div className="flex h-full flex-col">
+      <div className="flex flex-1">
         {state.current === "loading" ? (
           <FullScreenCircularProgress />
         ) : state.current === "error" ? (
           <p>Error: {state.error.message}</p>
         ) : (
-          <div className="mx-4 mt-4 flex flex-col gap-4">
+          <div className="mx-4 mt-4 flex flex-1 flex-col gap-4">
             <h1>授業情報の登録 (スキップ可)</h1>
-            <div>
+            <div className="flex-1">
               <EditableCoursesTable userId={state.data} />
             </div>
           </div>
         )}
       </div>
-      <div className="b-0 fixed flex w-full justify-between p-6">
+      <div className="flex w-full justify-between p-6">
         <span />
         <Link href="/tutorial" className="btn btn-primary">
           次へ
         </Link>
       </div>
-    </>
+    </div>
   );
 }