feat: 修改界面

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

@@ -54,7 +54,7 @@
             bottom: 1px;
             border: 1px solid #e43bff;
             border-radius: 0.3rem;
-            box-shadow: 0 0 15px #7735bd inset;
+            box-shadow: 0 0 25px #df3cfb inset;
             padding-bottom: 0.1rem;
             pointer-events: none;
         }

src/app/[locale]/(navbar)/transactions/components/Message.tsx

@@ -25,15 +25,18 @@ const Message = (props: Props) => {
                 return (
                     <Box
                         key={i}
-                        className={clsx("border-b-[1px] border-[#333333] text-[14px]", styles.box)}
+                        className={clsx(
+                            "mb-[.1rem] border-b-[1px] border-[#333333] text-[14px]",
+                            styles.box
+                        )}
                     >
                         <div className={"flex justify-between pb-[0.0694rem]"}>
                             <p>{item.title}</p>
                             <p>
                                 {item.amount > 0 ? (
-                                    <span className={"text-[green]"}>+{item.amount}</span>
+                                    <span className={"text-[#01d301]"}>+{item.amount}</span>
                                 ) : (
-                                    <span className={"text-[red]"}>{item.amount}</span>
+                                    <span className={"text-[#eb0808]"}>{item.amount}</span>
                                 )}
                             </p>
                         </div>