feat: 修改样式

.env.local

@@ -1,24 +1,13 @@
-# 环境
 #baseurl
-# NEXT_PUBLIC_BASE_URL=http://192.168.0.71:8800
-NEXT_PUBLIC_BASE_URL=http://192.168.0.84:8800
-# NEXT_PUBLIC_BASE_URL=https://3rd-api.tiktokjakjkl.icu
+NEXT_PUBLIC_BASE_URL=https://hk-api.tiktokjakjkl.icu
 #share link
-NEXT_PUBLIC_SHARE_URL=http://192.168.0.84:3000
-
+NEXT_PUBLIC_SHARE_URL=https://hk-site.tiktokjakjkl.icu
 #firebase
-NEXT_PUBLIC_FIREBASE_APIKEY=AIzaSyDAWORGKhdyzb5KeqTi535VmD5gN2Cdle8
-NEXT_PUBLIC_FIREBASE_AUTHDOMAIN=bcwin-a99b1.firebaseapp.com
-
-
-
-
-NEXT_PUBLIC_FIREBASE_PROJECTID=bcwin-a99b1
-NEXT_PUBLIC_FIREBASE_STORAGEBUCKET=bcwin-a99b1.appspot.com
-NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID=1055413612814
-NEXT_PUBLIC_FIREBASE_APPID=1:1055413612814:web:7a563237de8e43849d275f
-
-
-
-NEXT_PUBLIC_FIREBASE_MEASUREMENTID=G-467M2BYJMS
-NEXT_PUBLIC_FIREBASE_KEYS=BAOsT7kii-ctLzGrgXe_wYhfuxlme1v4njnD0uPSKp3DpSnrUa2e709b9dRaeYVU7jF_qIx1y9tEv0CvilDCdnM
+NEXT_PUBLIC_FIREBASE_APIKEY=AIzaSyCIE8xtySsYztsSgmQJx_aqPrrpHEuvgvw
+NEXT_PUBLIC_FIREBASE_AUTHDOMAIN=bcwin777-1bdda.firebaseapp.com
+NEXT_PUBLIC_FIREBASE_PROJECTID=bcwin777-1bdda
+NEXT_PUBLIC_FIREBASE_STORAGEBUCKET=bcwin777-1bdda.firebasestorage.app
+NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID=542456379513
+NEXT_PUBLIC_FIREBASE_APPID=1:542456379513:web:851a46fc639085170bfca8
+NEXT_PUBLIC_FIREBASE_MEASUREMENTID=G-GV6Y8DXHHD
+NEXT_PUBLIC_FIREBASE_KEYS=BOCfpA08vK6uxhMdRblnx9gPVBLx9WpTn9AutVNhHQQpVtXzDIKW0X6cmsNRaFDhyFDJfMqWjqC7mq6uDFIKU_M

src/app/[locale]/(navbar)/betrecord/components/list.tsx

@@ -25,19 +25,20 @@ const BetRecord: FC<Props> = (props) => {
                 {record.map((item, index) => (
                     <List.Item key={index}>
                         <div className={"flex justify-between"}>
-                            <div className={"text-[#999]"}>{item.product}</div>
+                            <div className={"text-[#fff]"}>{item.product}</div>
                             <div>
                                 {item.reward > 0 ? (
-                                    <span className={"text-[green]"}>+ {item.reward}</span>
+                                    <span className={"text-[#01d301]"}>+ {item.reward}</span>
                                 ) : (
-                                    <span className={"text-[red]"}>LOST</span>
+                                    <span className={"text-[#eb0808]"}>LOST</span>
                                 )}
                             </div>
                         </div>
 
                         <div
                             className={
-                                "flex justify-between text-[0.10rem] text-[#999]" + " mt-[0.02rem]"
+                                "flex justify-between text-[0.10rem] text-[#b4c4f5]" +
+                                " mt-[0.02rem]"
                             }
                         >
                             <div>

src/app/[locale]/(navbar)/betrecord/layout.tsx

@@ -16,9 +16,9 @@ export default async function Layout({
 }) {
     const t = await getTranslations("ProfilePage");
     return (
-        <>
-            <HeaderBack showBack={true} title={t("gamblingBets")} />
-            <main className={"main-header bg-[#282828]"}>{children}</main>
-        </>
+        <div className="h-[100%] overflow-auto bg-[url('/home/bg.jpg')]">
+            <HeaderBack showBack={true} title={t("gamblingBets")} useBg={true} />
+            <main className={"main-header"}>{children}</main>
+        </div>
     );
 }

src/app/[locale]/(navbar)/betrecord/page.tsx

@@ -1,8 +1,10 @@
 import FreeRecord from "@/app/[locale]/(navbar)/betrecord/FreeRecord";
 import ReplayRecord from "@/app/[locale]/(navbar)/betrecord/ReplayRecord";
 import Tabs from "@/components/Tabs";
+import clsx from "clsx";
 import { getTranslations } from "next-intl/server";
 import CashRecord from "./CashRecord";
+import styles from "./style.module.scss"; // Import the SCSS modul
 
 const Transactions = async () => {
     const t = await getTranslations("ProfilePage");
@@ -16,7 +18,11 @@ const Transactions = async () => {
         { id: 2, name: t("gratis"), content: 0, render: <FreeRecord /> },
         { id: 3, name: t("compensation"), content: 0, render: <ReplayRecord /> },
     ];
-    return <Tabs items={defaultTabs} />;
+    return (
+        <div className={clsx(styles.betrecordPage)}>
+            <Tabs items={defaultTabs} />
+        </div>
+    );
 };
 
 export default Transactions;

src/app/[locale]/(navbar)/betrecord/style.module.scss

@@ -0,0 +1,68 @@
+.betrecordPage {
+    height: 100%;
+
+    :global(.adm-tabs) {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+    :global(.adm-tabs-content) {
+        flex: 1;
+        min-height: 0;
+        overflow: auto;
+        @extend .commonBorder;
+        box-shadow: $-input-shadow;
+        border-radius: 0.15rem;
+        margin: 0 0.1rem 0.1rem;
+    }
+    :global(.adm-list-body-inner) {
+        // @extend .commonBorder;
+        // box-shadow: $-input-shadow;
+        // border-radius: 0.15rem;
+        // border-top-width: 1px;
+    }
+    :global(.adm-list-item-content) {
+        border-top: none;
+    }
+    :global(.adm-list-item-content-main) {
+        border-top: 1px solid #1b1a5d;
+    }
+    :global(.adm-tabs-tab-list) {
+        margin: 0.12rem;
+        // border: 1px solid #e43bff;
+        // border-radius: 0.3rem;
+        // box-shadow: 0 0 15px #7735bd inset;
+        padding-bottom: 0.1rem;
+        position: relative;
+        &:after {
+            content: "";
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            bottom: 0;
+            border-bottom: 1px solid #fcd6ff;
+            border-radius: 0.3rem;
+            pointer-events: none;
+        }
+        &:before {
+            content: "";
+            position: absolute;
+            left: 0;
+            top: 1px;
+            width: 100%;
+            bottom: 1px;
+            border: 1px solid #e43bff;
+            border-radius: 0.3rem;
+            box-shadow: 0 0 15px #7735bd inset;
+            padding-bottom: 0.1rem;
+            pointer-events: none;
+        }
+    }
+    :global(.adm-tabs-tab) {
+        padding-bottom: 0;
+    }
+    :global(.adm-tabs-tab-line) {
+        bottom: 0.08rem;
+    }
+}

src/app/[locale]/(navbar)/recharge/page.tsx

@@ -77,7 +77,7 @@ const Page = async () => {
                             </span>
                         </div>
 
-                        {!hasEndTimeActivities && (
+                        {hasEndTimeActivities && (
                             <div
                                 className={clsx(
                                     "mt-[0.2778rem] flex rounded-[0.0347rem]",