Merge branch 'feat/liujie'

src/components/Comments/index.module.scss

@@ -248,7 +248,7 @@
       background: linear-gradient(
         90deg,
         rgba(255, 255, 255, 0.8) 0%,
-        #fff 100%
+        #fafafa 100%
       );
       z-index: 999;
       padding: 3px 4px 3px 4px;

src/game_pages/detail/components/GameInfo/index.module.scss

@@ -23,15 +23,13 @@
         flex-direction: column;
         align-items: center;
         gap: 4px;
-        border-radius: 12px;
+        overflow: scroll;
         border: 0.5px solid rgba(255, 255, 255, 0.08);
         background: rgba(255, 255, 255, 0.25);
-        overflow: hidden;
         color: #fff;
-        // background: #536272;
+        border-radius: 12px;
         flex-shrink: 0;
         font-family: "Quicksand";
-        // opacity: 0;
         animation: intro 0.3s ease-in forwards;
 
         @keyframes intro {
@@ -52,25 +50,22 @@
           box-sizing: border-box;
           justify-content: center;
           align-items: center;
-          // border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+          border-top-left-radius: 12px;
-          background: #7b828b;
+          border-top-right-radius: 12px;
-          font-weight: 600;
           border-bottom: 1px solid rgba(255, 255, 255, 0.08);
           background: rgba(255, 255, 255, 0.25);
+          overflow: scroll;
+          font-weight: 600;
         }
 
         .day {
           display: flex;
           width: 48px;
           height: 30px;
-          // padding-bottom: 6px;
           box-sizing: border-box;
           flex-direction: column;
           align-items: center;
           font-weight: 700;
-          // border: 0.5px solid rgba(255, 255, 255, 0.08);
-          // background: rgba(255, 255, 255, 0.25);
-          // background-color: #536272;
         }
       }
 
@@ -157,13 +152,12 @@
         border-radius: 12px;
         padding: 14px;
         box-sizing: border-box;
-        // background: #4d5865;
         display: flex;
         justify-content: center;
         align-items: center;
-        overflow: hidden;
         border: 0.5px solid rgba(255, 255, 255, 0.08);
         background: rgba(255, 255, 255, 0.25);
+        overflow: scroll;
         animation: intro 0.3s ease-in forwards;
 
         @keyframes intro {

src/game_pages/detail/components/OrganizerInfo/index.module.scss

@@ -156,10 +156,24 @@
           gap: 6px;
           flex: 0 0 auto;
           border-radius: 20px;
-          border: 1px solid rgba(255, 255, 255, 0.1);
+          // border: 1px solid rgba(255, 255, 255, 0.1);
-          background: rgba(255, 255, 255, 0.16);
+          // background: rgba(255, 255, 255, 0.16);
+          overflow: scroll;
           padding: 12px 0 12px 15px;
           box-sizing: border-box;
+          position: relative;
+
+          &::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border: 0.5px solid rgba(255, 255, 255, 0.1);
+            background: rgba(255, 255, 255, 0.16);
+            z-index: -1;
+          }
 
           &-title {
             display: flex;

src/game_pages/detail/components/Participants/index.module.scss

@@ -84,9 +84,23 @@
           align-items: center;
           gap: 4px;
           border-radius: 20px;
-          border: 0.5px solid rgba(255, 255, 255, 0.2);
+          // border: 0.5px solid rgba(255, 255, 255, 0.2);
-          background: rgba(255, 255, 255, 0.16);
+          // background: rgba(255, 255, 255, 0.16);
           flex: 0 0 auto;
+          overflow: scroll;
+          position: relative;
+
+          &::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border: 0.5px solid rgba(255, 255, 255, 0.08);
+            background: rgba(255, 255, 255, 0.25);
+            z-index: -1;
+          }
 
           .participants-list-item-avatar {
             width: 60px;

src/game_pages/detail/components/StickyBottom/index.module.scss

@@ -81,7 +81,7 @@
     // gap: 12px;
     flex: 1 0 0;
     border-radius: 16px;
-    // border: 1px solid rgba(0, 0, 0, 0.06);
+    border: 1px solid rgba(0, 0, 0, 0.06);
     // background: #fff;
     overflow: hidden;
 
@@ -105,7 +105,7 @@
       // font-style: italic;
       font-size: 20px;
       border-radius: 16px 0 0 16px;
-      border: 2px solid rgba(0, 0, 0, 0.06);
+      // border: 2px solid rgba(0, 0, 0, 0.06);
       background: linear-gradient(95deg, #fff 20.85%, #eaeaea 73.29%);
       box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
       backdrop-filter: blur(16px);
@@ -169,16 +169,15 @@
       color: #fff;
       pointer-events: all;
       border-radius: 0 16px 16px 0;
-      border-top: 2px solid rgba(255, 255, 255, 0.06);
+      // border-top: 2px solid rgba(255, 255, 255, 0.06);
-      border-right: 2px solid rgba(255, 255, 255, 0.06);
+      // border-right: 2px solid rgba(255, 255, 255, 0.06);
-      border-bottom: 2px solid rgba(255, 255, 255, 0.06);
+      // border-bottom: 2px solid rgba(255, 255, 255, 0.06);
       background: radial-gradient(
         223.82% 178.84% at -64.5% 0%,
         #525252 16.88%,
         #222 54.19%,
         #000 100%
       );
-      // box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.08);
       backdrop-filter: blur(16px);
     }
   }

src/game_pages/detail/components/StickyBottom/index.tsx

@@ -9,7 +9,7 @@ import { MATCH_STATUS, IsSubstituteSupported } from "@/services/detailService";
 import { GameManagePopup, NTRPEvaluatePopup } from "@/components";
 import { useUserInfo } from "@/store/userStore";
 import img from "@/config/images";
-import RMB_ICON from "@/static/detail/rmb.svg";
+// import RMB_ICON from "@/static/detail/rmb.svg";
 import { toast, navto } from "@/utils/helper";
 import styles from "./index.module.scss";