Merge pull request #274 from hhbb0081/test

Feat: 포인트 0원일 때 안 보이게
readyvery · Mar 25, 2024 · 008f581 · 008f581
2 parents 6dc490b + baf45f0
commit 008f581
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/views/PointStateBox/PointStateBox.css b/src/components/views/PointStateBox/PointStateBox.css
@@ -7,6 +7,10 @@
   align-items: center;
 }
 
+.membership-box-container.nonDisplay{
+  display: none;
+}
+
 .membership-box {
   display: flex;
   align-items: center;

diff --git a/src/components/views/PointStateBox/PointStateBox.jsx b/src/components/views/PointStateBox/PointStateBox.jsx
@@ -1,9 +1,11 @@
 import { IMAGES } from "../../../constants/images";
 import "./PointStateBox.css";
 const PointStateBox = ({ point, store, date }) => {
-  const stateText = point >= 0 ? "적립" : "사용";
+  const stateText = point > 0 ? "적립" : "사용";
   return (
-    <div className="membership-box-container">
+    <div className={`membership-box-container
+      ${point === "+0" && "nonDisplay"}
+    `}>
       <div className="membership-box">
         <div
           className={`membership-box-img ${

diff --git a/src/pages/MembershipPage/MembershipPage.css b/src/pages/MembershipPage/MembershipPage.css
@@ -1,6 +1,6 @@
 .membershippage-div {
   width: 100%;
-  height: 93vh;
+  height: 92vh;
   background-color: #ffffff;
   /* 수정된 헤더 기준으로 */
   /* 8.44-1.5rem */
@@ -17,7 +17,7 @@
   flex-direction: column;
   width: 100%;
   margin-top: 1.5rem;
-  padding-bottom:  5.0625rem;
+  padding-bottom:  5rem;
   border-top: 0.3rem solid #d82356;
   overflow-y: auto;