[TItemCard, usePriceInfo] TItemCard 구조 변경 및 usePriceInfo 예외 추가

2024-02-19 20:08:50 +09:00
parent 7993f52a85
commit 89defcc606
3 changed files with 71 additions and 12 deletions
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -183,3 +183,51 @@
    }
  }
 }
+
+/* videoShow */
+.videoShow {
+  .size(@w: 546px, @h:438px);
+  padding: 14px;
+  background-color: @COLOR_WHITE;
+  border-radius: 12px;
+  .border-solid(@size:4px,@color:transparent);
+  font-weight: bold;
+  font-family: @baseFontBold;
+
+  &:focus {
+    border: 4px solid @PRIMARY_COLOR_RED;
+    box-sizing: border-box;
+    .focused(@boxShadow: 22px, @borderRadius: 12px);
+  }
+
+  .imageWrap {
+    > img {
+      .size(@w: 100%, @h: 288px);
+      object-fit: cover;
+    }
+  }
+
+  .descWrap {
+    margin-top: 38px;
+    color: @COLOR_GRAY06;
+    font-size: 24px;
+    .size(@w: 510px, @h: 61px);
+    display: flex;
+
+    .logo {
+      .size(@w: 60px, @h: 60px);
+      margin-right: 12px;
+
+      > img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    .title {
+      width: calc(100% - 72px);
+      .elip(@clamp: 2);
+    }
+  }
+}