From f0b160f01803132113eec60638163c5da05f8e59 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E6=9D=B0?= Date: Mon, 8 Dec 2025 17:00:28 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E8=83=8C=E6=99=AF?= =?UTF-8?q?=E8=89=B2=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=AE=8C=E6=95=B4=E7=9A=84?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Comments/index.module.scss | 2 +- .../components/GameInfo/index.module.scss | 20 +++++++------------ .../OrganizerInfo/index.module.scss | 18 +++++++++++++++-- .../components/Participants/index.module.scss | 18 +++++++++++++++-- .../components/StickyBottom/index.module.scss | 11 +++++----- .../detail/components/StickyBottom/index.tsx | 2 +- 6 files changed, 46 insertions(+), 25 deletions(-) diff --git a/src/components/Comments/index.module.scss b/src/components/Comments/index.module.scss index 04d7671..d99641d 100644 --- a/src/components/Comments/index.module.scss +++ b/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; diff --git a/src/game_pages/detail/components/GameInfo/index.module.scss b/src/game_pages/detail/components/GameInfo/index.module.scss index d6f833b..f93772b 100644 --- a/src/game_pages/detail/components/GameInfo/index.module.scss +++ b/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); - background: #7b828b; - font-weight: 600; + border-top-left-radius: 12px; + border-top-right-radius: 12px; 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 { diff --git a/src/game_pages/detail/components/OrganizerInfo/index.module.scss b/src/game_pages/detail/components/OrganizerInfo/index.module.scss index 5843350..6539c5c 100644 --- a/src/game_pages/detail/components/OrganizerInfo/index.module.scss +++ b/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); - background: rgba(255, 255, 255, 0.16); + // border: 1px solid rgba(255, 255, 255, 0.1); + // 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; diff --git a/src/game_pages/detail/components/Participants/index.module.scss b/src/game_pages/detail/components/Participants/index.module.scss index ee74e03..65a59d6 100644 --- a/src/game_pages/detail/components/Participants/index.module.scss +++ b/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); - background: rgba(255, 255, 255, 0.16); + // border: 0.5px solid rgba(255, 255, 255, 0.2); + // 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; diff --git a/src/game_pages/detail/components/StickyBottom/index.module.scss b/src/game_pages/detail/components/StickyBottom/index.module.scss index 7797701..64ecb7e 100644 --- a/src/game_pages/detail/components/StickyBottom/index.module.scss +++ b/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-right: 2px solid rgba(255, 255, 255, 0.06); - border-bottom: 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-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); } } diff --git a/src/game_pages/detail/components/StickyBottom/index.tsx b/src/game_pages/detail/components/StickyBottom/index.tsx index ec5e501..ea560bd 100644 --- a/src/game_pages/detail/components/StickyBottom/index.tsx +++ b/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";