✨ Feat: 카카오페이 결제 기능 구현 완료 (#11)

LikeLion-12th-SKHU · Aug 6, 2024 · 96f3079 · 96f3079
1 parent 79b2d51
commit 96f3079
Show file tree

Hide file tree

Showing 4 changed files with 161 additions and 18 deletions.
diff --git a/src/assets/icons/Kakaopay.svg b/src/assets/icons/Kakaopay.svg
diff --git a/src/assets/icons/Tosspay.svg b/src/assets/icons/Tosspay.svg
diff --git a/src/pages/shop/Charge.jsx b/src/pages/shop/Charge.jsx
@@ -51,7 +51,7 @@ const Box = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 15px;
+  padding: 10px;
   background-color: ${(props) => props.theme.color.primaryColor};
   position: relative;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
@@ -72,7 +72,7 @@ const MyText = styled.span`
 `;
 
 const Content = styled.div`
-  padding: 20px;
+  padding: 10px;
 `;
 
 const TopRow = styled.div`
@@ -97,12 +97,11 @@ const ObjCheckText2 = styled.span`
 `;
 
 const PaymentContainer = styled.div`
-  margin: 20px;
   background-color: #ffffff;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  margin-bottom: 20px;
+  margin: 10px;
   display: flex;
   justify-content: space-between;
   cursor: pointer;