圆点样式修改

src/app/[locale]/(navbar)/notification/components/Notices.tsx

@@ -27,13 +27,15 @@ const SystemMessage = (props: Props) => {
                     <Collapse.Panel
                         key={`${notice.id}`}
                         arrowIcon={
-                            <div>
-                                <Badge
+                            <div className={"flex items-center"}>
+                                {/* <Badge
                                     className={`mr-[0.1rem] h-[0.06rem] w-[0.06rem]`}
                                     style={{ "--color": "#ff311b" }}
                                     content={!notice.is_read ? Badge.dot : ""}
-                                ></Badge>
-
+                                ></Badge> */}
+                                {
+                                    !notice.is_read && <div className={`mr-[0.1rem] h-[0.08rem] w-[0.08rem]`} style={{borderRadius: "0.04rem", backgroundColor: "#ff311b"}}></div>
+                                }
                                 <span className={"iconfont icon-zhankai"} />
                             </div>
                         }

src/components/Tabs/style.module.scss

@@ -6,7 +6,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: 5px 7px;
+    padding: 5px;
     font-size: 0.12rem;
   }
 }