feat: 修改弹窗

src/app/[locale]/affiliate/component/TabsCom/index.tsx

@@ -21,7 +21,7 @@ const LevelCard: FC<LevelProps> = (props) => {
                 className={
                     "absolute left-1/2 -translate-x-1/2 rounded-[0.1389rem]" +
                     " border-[1px]" +
-                    " w-[0.8333rem] border-[#00a1f5]"
+                    " w-[0.8333rem] border-[#12df69]"
                 }
             >
                 <Image
@@ -34,7 +34,7 @@ const LevelCard: FC<LevelProps> = (props) => {
                 <div
                     className={
                         "absolute bottom-[0.0208rem] right-[0.0347rem] h-[0.1806rem] w-[0.1806rem] rounded" +
-                        " flex items-center justify-center bg-[#00a1f5] text-[0.0972rem] font-black"
+                        " flex items-center justify-center bg-[#12df69] text-[0.0972rem] font-black"
                     }
                 >
                     {level}
@@ -42,12 +42,12 @@ const LevelCard: FC<LevelProps> = (props) => {
             </div>
             <div
                 className={
-                    "mt-[0.6944rem] rounded-[0.0694rem] border-[1px] border-[#22343e] pt-[0.2083rem]" +
+                    "mt-[0.6944rem] rounded-[0.0694rem] bg-[#1f2830] pt-[0.2083rem] text-[#5d7284]" +
                     " px-[0.0694rem] text-center"
                 }
             >
                 {body}
-                <div className={"-mx-[0.0694rem] border-t-[1px] border-[#22343e] py-[0.0694rem]"}>
+                <div className={"-mx-[0.0694rem] border-t-[1px] border-[#2c363f] py-[0.0694rem]"}>
                     {footer}
                 </div>
             </div>
@@ -68,11 +68,11 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
             position="right"
             bodyStyle={{ width: "100%" }}
         >
-            <div className={"h-[100%] w-[100%] overflow-scroll bg-[#0e1b22]"}>
+            <div className={"h-[100%] w-[100%] overflow-scroll bg-[#0b0e10]"}>
                 <div
                     className={
                         "absolute top-0 flex items-center justify-between " +
-                        " h-[0.4167rem] w-[100%] border-[1px] bg-[#17181c] px-[0.1389rem]" +
+                        " h-[0.4167rem] w-[100%] border-[1px] bg-[#1e252b] px-[0.1389rem]" +
                         " z-10 border-[#666]"
                     }
                 >
@@ -81,13 +81,13 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                 </div>
                 {/*body*/}
                 <div className={"mt-[0.4167rem] px-[0.1389rem] pt-[0.1389rem]"}>
-                    <div className={"rounded-[5px] border-[1px] border-[#22343e] p-[0.0694rem]"}>
+                    <div className={"rounded-[5px] bg-[#1f2830] p-[0.0694rem]"}>
                         <div className={"flex items-center"}>
                             <div className={"relative ml-[0.0694rem]"}>
                                 <Image
                                     src={"/avatar/1.png"}
                                     alt={""}
-                                    className={"rounded-[0.1389rem] border-[2px] border-[#e5811d]"}
+                                    className={"rounded-[0.1389rem] border-[2px] border-[#12df69]"}
                                     width={168}
                                     height={168}
                                 />
@@ -95,31 +95,31 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                                     className={
                                         "absolute bottom-[0.0347rem] right-[0.0556rem]" +
                                         " w-[0.2778rem]" +
-                                        " flex h-[0.2778rem] rounded-[50%] bg-[#e5811d]" +
+                                        " flex h-[0.2778rem] rounded-[50%] bg-[#12df69]" +
                                         " items-center justify-center"
                                     }
                                 >
                                     A
                                 </div>
                             </div>
-                            <div className={"ml-[0.2083rem] text-[#465f80]"}>
+                            <div className={"ml-[0.2083rem] text-[#5d7284]"}>
                                 <p> O C3 é poderoso e também possui </p>
-                                <span className={"text-[#e5811d]"}>110</span>
+                                <span className={"text-[#12df69]"}>110</span>
                                 <span>/million</span>
                             </div>
                         </div>
 
                         <div className={"mt-[0.1389rem]"}>
                             Desempenho total 3,31M, Bônus total do agente{" "}
-                            <span className={"text-[#e5811d]"}>2500</span>
+                            <span className={"text-[#12df69]"}>2500</span>
                         </div>
                         <div>
                             Desempenho de subordinado 180K, Contribuiu
-                            <span className={"text-[#e5811d]"}> 1980</span>
+                            <span className={"text-[#12df69]"}> 1980</span>
                         </div>
                         <div className={"text-center"}>
                             Outro desempenho 3,13M, Contribuir
-                            <span className={"text-[#e5811d]"}> 520</span>
+                            <span className={"text-[#12df69]"}> 520</span>
                         </div>
                     </div>
 
@@ -143,23 +143,23 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                     <div className={"grid grid-cols-3 text-[0.0972rem]"}>
                         <div className={"text-center"}>
                             <p>Contribuição de B1:</p>
-                            <p className={"text-center text-[#e5811d]"}>1320</p>
+                            <p className={"text-center text-[#12df69]"}>1320</p>
                             <p>
                                 Outras contribuições de C1 e C2:{" "}
-                                <span className={"text-[#e5811d]"}>520</span>{" "}
+                                <span className={"text-[#12df69]"}>520</span>{" "}
                             </p>
                         </div>
 
                         <div className={"text-center"}>
                             <p> Contribuir para A: </p>
-                            <p className={"text-[#e5811d]"}>440</p>
+                            <p className={"text-[#12df69]"}>440</p>
                         </div>
                         <div className={"text-center"}>
                             <p> Contribuição de B3: </p>
-                            <p className={"text-[#e5811d]"}>220</p>
+                            <p className={"text-[#12df69]"}>220</p>
                             <p>
                                 Outras contribuições de C3:
-                                <span className={"text-[#e5811d]"}> 0</span>
+                                <span className={"text-[#12df69]"}> 0</span>
                             </p>
                         </div>
                     </div>
@@ -172,7 +172,7 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                                 <div className={"text-[#495b73]"}>
                                     Subagente ganha, geralmente
                                     <p>
-                                        <span className={"text-[#e5811d]"}>70</span> /10K
+                                        <span className={"text-[#12df69]"}>70</span> /10K
                                     </p>
                                 </div>
                             }
@@ -195,7 +195,7 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                                 <div className={"text-[#495b73]"}>
                                     Muito bem subagente, ganhou
                                     <p>
-                                        <span className={"text-[#e5811d]"}>110</span> /10K
+                                        <span className={"text-[#12df69]"}>110</span> /10K
                                     </p>
                                 </div>
                             }
@@ -232,25 +232,25 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                             height={100}
                         />
                     </div>
-                    <div className={"grid grid-cols-3 text-[0.0972rem]"}>
+                    <div className={"grid grid-cols-3 text-[0.0972rem] text-[#a9b2bb]"}>
                         <div className={"text-center"}>
                             <p>Contribuir para A:</p>
-                            <p className={"text-center text-[#e5811d]"}>400</p>
+                            <p className={"text-center text-[#12df69]"}>400</p>
                             <p>Contribuir para B1: </p>
-                            <p className={"text-[#e5811d]"}>700</p>
+                            <p className={"text-[#12df69]"}>700</p>
                         </div>
 
                         <div className={"text-center"}>
                             <p> Contribuir para A: </p>
-                            <p className={"text-[#e5811d]"}>120</p>
+                            <p className={"text-[#12df69]"}>120</p>
                             <p>Contribuir para B1:</p>
-                            <p className={"text-[#e5811d]"}>210</p>
+                            <p className={"text-[#12df69]"}>210</p>
                         </div>
                         <div className={"text-center"}>
                             <p> Contribuir para A: </p>
-                            <p className={"text-[#e5811d]"}>220</p>
+                            <p className={"text-[#12df69]"}>220</p>
                             <p>Contribuir para B3:</p>
-                            <p className={"text-[#e5811d]"}> 0</p>
+                            <p className={"text-[#12df69]"}> 0</p>
                         </div>
                     </div>
                     <div className={"mt-[3px] grid grid-cols-3 gap-[0.1389rem]"}>
@@ -288,7 +288,7 @@ export const CommissionModel: FC<{ visible: boolean; setVisible: (value: boolean
                             footer={<p>Apostas válidas 3000K</p>}
                         />
                     </div>
-                    <div className={"mt-[5px]"}>
+                    <div className={"mt-[15px] text-[#5d6973]"}>
                         <p>Por exemplo:</p>
                         <p>
                             Neste website o bónus do agente é calculado por apostas. Por exemplo, se