列表

src/components/ListCard/index.scss

@@ -1,4 +1,10 @@
-.list-item {
+.listCard {
+  background: linear-gradient(90deg, rgba(183, 248, 113, 0.5) 0%, rgba(183, 248, 113, 0.1) 100%);
+  border-radius: 20px;
+  border-width: 0.5px;
+}
+
+.listItem {
   display: flex;
   padding: 12px 15px;
   background: #ffffff;
@@ -247,4 +253,43 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
+}
+
+// 底部
+.smoothPlayingGame {
+  padding: 5px 12px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+
+  .smoothWrapper,
+  .localAreaWrapper {
+    line-height: 18px;
+    display: flex;
+    align-items: center;
+    gap: 5px;
+  }
+
+  .smoothTitle {
+    font-size: 14px;
+  }
+
+  .line {
+    height: 8px;
+    width: 1px;
+    background: #00000040;
+    border-radius: 99px;
+  }
+
+  .iconListPlayingGame,
+  .localArea {
+    width: 14px;
+    height: 14px;
+  }
+
+  .localArea {
+    border: 0.5px solid #FFFFFFA6;
+    border-radius: 50%;
+  }
 }