Refactor : 스타일 오류 수정

client/src/app/@Modal/layout.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { NEW_POST, SIGNIN } from "@/const/clientPath";
+import { SIGNIN } from "@/const/clientPath";
 import { usePathname } from "next/navigation";
 
 export default function Layout({ children }: any) {
   const pathname = usePathname();
-  const allowedPath = [NEW_POST, SIGNIN];
+  const allowedPath = [SIGNIN];
 
   return allowedPath.some((path) => pathname.startsWith(path))
     ? children

client/src/components/FixedBottomCTA.tsx

@@ -5,7 +5,7 @@ const FixedBottomCTA = ({ ...props }: ButtonProps) => {
     <>
       <Button
         sx={{
-          position: "absolute",
+          position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
@@ -18,7 +18,7 @@ const FixedBottomCTA = ({ ...props }: ButtonProps) => {
       />
       <Paper
         sx={{
-          position: "absolute",
+          position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,

client/src/components/SingleImageInput.tsx

@@ -18,7 +18,6 @@ const SingleImageInput = ({
       style={{ display: "none" }}
       type="file"
       accept="image/*"
-      capture="environment"
       onChange={(e) => {
         if (e.target.files) {
           onChange(e.target.files[0]);

client/src/components/layout/CustomAppbar.tsx

@@ -1,6 +1,7 @@
 "use client";
 import {
   AppBar,
+  AppBarProps,
   Button,
   IconButton,
   Toolbar,
@@ -11,7 +12,7 @@ import GoBackIcon from "@/assets/icons/GoBackIcon.svg";
 import { MouseEventHandler, ReactNode, memo } from "react";
 import { useRouter } from "next/navigation";
 
-interface CustomAppbarInterface {
+interface CustomAppbarInterface extends AppBarProps {
   title?: string;
   prependButton?: ReactNode;
   onClickPrepend?: MouseEventHandler<HTMLButtonElement>;
@@ -28,11 +29,12 @@ const CustomAppbar = ({
   onClickPrepend,
   disableAppend,
   onClickAppend,
+  position,
 }: CustomAppbarInterface) => {
   const router = useRouter();
 
   return (
-    <AppBar position={"fixed"}>
+    <AppBar position={position ? position : "fixed"}>
       <Toolbar sx={{ display: "flex", justifyContent: "space-between" }}>
         {/* 프리팬드 버튼 */}
         {prependButton ? (

client/src/components/layout/CustomContainer.tsx

@@ -9,6 +9,9 @@ const CustomContainer = ({
   disableMt,
   children,
 }: CustomContainerInterface) => {
+  const appbarHeight = '64px'
+  const navbarHeight = '56px'
+
   return (
     <Container
       sx={{ ...sx, px: { xs: 0, sm: 4 }, mt: disableMt ? 0 : 8 }}
@@ -21,6 +24,7 @@ const CustomContainer = ({
           flexDirection: "column",
           gap: 2,
           p: 2,
+          minHeight:`calc(100vh - ${appbarHeight} - ${navbarHeight})`
         }}
       >
         {children}

client/src/components/user/info/drawer/UserInfoEditingForm.tsx

@@ -74,6 +74,7 @@ const UserInfoEditingForm = () => {
         onClickAppend={submitHandler}
         appendButton={"저장"}
         disableAppend={isLoading}
+        position={'static'}
       />
       <Stack
         component="form"