Merge pull request #66 from LikeLion-Hackathon-T1/develop

feat: 하단 탭바 마진 추가
TEAM-SYLUV · Aug 1, 2024 · cad8c51 · cad8c51
2 parents 2d9f8e4 + 6fbc653
commit cad8c51
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/components/Common/TabBar.js b/src/components/Common/TabBar.js
@@ -12,6 +12,9 @@ const TabBar = ({ activeTab }) => {
     const handleTabClick = (tab) => {
         navigate(`/${tab}`, { replace: true });
     };
+    const handleQRClick = () => {
+        navigate("/qr");
+    };
     return (
         <>
             <Spacer />
@@ -47,10 +50,7 @@ const TabBar = ({ activeTab }) => {
                             방문
                         </span>
                     </div>
-                    <div
-                        className="qr-wrapper"
-                        onClick={() => handleTabClick("qr")}
-                    >
+                    <div className="qr-wrapper" onClick={() => handleQRClick()}>
                         <QR />
                     </div>
                     <div onClick={() => handleTabClick("orderlist")}>
@@ -98,7 +98,7 @@ const TabBar = ({ activeTab }) => {
 export default TabBar;
 
 const Spacer = styled.div`
-    height: 72px;
+    height: 92px;
     width: 1px;
 `;
 
@@ -107,7 +107,6 @@ const Container = styled.div`
     position: fixed;
     bottom: 0px;
     width: 480px;
-    height: 72px;
     background-color: white;
     box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05);
     .wrapper {