refactor: 네브바 수정

Author: sikkzz

src/components/Navbar/Navbar.tsx

@@ -4,12 +4,8 @@ import classNames from "classnames";
 
 import styles from "@/components/Navbar/Navbar.module.scss";
 
-interface NavbarProps extends PropsWithChildren {
-  className?: string;
-}
-
-const Navbar = ({ children, className }: NavbarProps) => {
-  return <div className={classNames(styles.Navbar, className)}>{children}</div>;
+const Navbar = ({ children }: PropsWithChildren) => {
+  return <div className={styles.Navbar}>{children}</div>;
 };
 
 Navbar.LeftButton = ({

src/pages/ReceiptEditPage/ReceiptEditPage.module.scss

@@ -31,15 +31,6 @@
   }
 }
 
-.Navbar {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.Container {
-  z-index: 1;
-}
-
 .Top {
   z-index: 1;
 

src/pages/ReceiptEditPage/ReceiptEditPage.tsx

@@ -79,14 +79,14 @@ const ReceiptEditPage = () => {
   };
 
   return (
-    <div className={styles.ReceiptEdit}>
-      <div className={styles.Container}>
-        <Navbar className={styles.Navbar}>
-          <Navbar.LeftButton onClick={handleNavigateToHome}>
-            <Icon name="leftArrow" />
-          </Navbar.LeftButton>
-        </Navbar>
-
+    <>
+      <Navbar>
+        <Navbar.LeftButton onClick={handleNavigateToHome}>
+          <Icon name="leftArrow" />
+        </Navbar.LeftButton>
+      </Navbar>
+
+      <div className={styles.ReceiptEdit}>
         <div className={styles.Top}>
           <div className={styles.TitleBox}>
             <Text variant="titleM" color="primary" as="h1" truncated>
@@ -118,33 +118,33 @@ const ReceiptEditPage = () => {
             ))}
           </div>
         </div>
-      </div>
 
-      <div className={styles.Bottom}>
-        {Object.values(focusState).some((isFocus) => isFocus) ? (
-          <Button
-            key="edit"
-            text="수정하기"
-            disabled={formData.some((item) => Object.values(item).some((value) => !value))}
-          />
-        ) : (
-          <>
+        <div className={styles.Bottom}>
+          {Object.values(focusState).some((isFocus) => isFocus) ? (
             <Button
-              key="scan"
-              text="다시 스캔하기"
-              variant="secondary"
-              onClick={handleNavigateToHome}
-            />
-            <Button
-              key="confirm"
-              text="정보가 맞아요"
+              key="edit"
+              text="수정하기"
               disabled={formData.some((item) => Object.values(item).some((value) => !value))}
-              onClick={handleInfoRightClick}
             />
-          </>
-        )}
+          ) : (
+            <>
+              <Button
+                key="scan"
+                text="다시 스캔하기"
+                variant="secondary"
+                onClick={handleNavigateToHome}
+              />
+              <Button
+                key="confirm"
+                text="정보가 맞아요"
+                disabled={formData.some((item) => Object.values(item).some((value) => !value))}
+                onClick={handleInfoRightClick}
+              />
+            </>
+          )}
+        </div>
       </div>
-    </div>
+    </>
   );
 };