쿠폰 작업 - 마이페이지 완료

kr/assets/css/mypage.scss

@@ -4203,7 +4203,9 @@ pre {
             }
           }
 
-          &.coupon-expired {
+          &.coupon-expired,
+          &.coupon-used,
+          &.coupon-upcoming {
             background-color: #eee;
             .itemTop {
               .info {
@@ -4218,14 +4220,18 @@ pre {
                         display: flex;
                         justify-content: center;
                         align-items: center;
-                        width: 4.3rem;
-                        height: 2.5rem;
-                        margin-left: 1.6rem;
+                        min-width: 4.3rem;
+                        height: 2.6rem;
+                        padding: 0 0.8rem;
+                        margin-left: 0.8rem;
                         font-size: 1.6rem;
                         color: #9ea1a2;
                         font-weight: 600;
                         background-color: #fff;
                         border: 1px solid #dedede;
+                        @include tablet {
+                          margin-left: 1.6rem;
+                        }
                       }
                     }
                   }
@@ -4247,6 +4253,37 @@ pre {
               }
             }
           }
+
+          &.coupon-used {
+            .itemTop {
+              .info {
+                .benefits {
+                  .benefitsItem {
+                    .value {
+                      &::after {
+                        content: "사용완료";
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+          &.coupon-upcoming {
+            .itemTop {
+              .info {
+                .benefits {
+                  .benefitsItem {
+                    .value {
+                      &::after {
+                        content: "예정";
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
         }
       }
       .couponInfo {