UI样式优化

src/components/CommonPopup/index.module.scss

@@ -49,7 +49,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 16px 20px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+    // border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 
     .common-popup__title {
       font-family: "PingFang SC";

src/components/UserInfo/index.scss

@@ -122,7 +122,7 @@
       align-items: center;
       gap: 12px;
       border: 1px solid rgba(0, 0, 0, 0.2);
-      border-radius: 20px;
+      border-radius: 999px;
 
       .follow_button {
         display: flex;

src/components/UserInfo/index.tsx

@@ -72,10 +72,10 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
   onTab,
 }) => {
   const { updateUserInfo } = useUserActions();
-  
+
   // 使用 useRef 记录上一次的 user_info，只在真正变化时打印
   const prevUserInfoRef = useRef<Partial<UserInfoType>>();
-  
+
   useEffect(() => {
     // 只在 user_info 真正变化时打印（通过 JSON 序列化比较）
     const prevStr = JSON.stringify(prevUserInfoRef.current);
@@ -85,7 +85,7 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
       prevUserInfoRef.current = user_info;
     }
   }, [user_info]);
-  
+
   // 编辑个人简介弹窗状态
   const [edit_modal_visible, setEditModalVisible] = useState(false);
   const [editing_field, setEditingField] = useState<string>("");
@@ -507,13 +507,13 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
             </View>
           ) : null}
         </View>
-        <View className="personal_profile">
+        <View className="personal_profile"
+          onClick={() => handle_open_edit_modal("personal_profile")}>
           {user_info.personal_profile ? (
             <Text className="bio_text">{user_info.personal_profile}</Text>
           ) : is_current_user ? (
             <View
               className="personal_profile_edit"
-              onClick={() => handle_open_edit_modal("personal_profile")}
             >
               <Image
                 className="edit_icon"
@@ -622,7 +622,7 @@ const arePropsEqual = (prevProps: UserInfoCardProps, nextProps: UserInfoCardProp
   // 使用 JSON.stringify 进行深度比较（注意：对于复杂对象可能有性能问题）
   const prevUserInfoStr = JSON.stringify(prevProps.user_info);
   const nextUserInfoStr = JSON.stringify(nextProps.user_info);
-  
+
   return (
     prevUserInfoStr === nextUserInfoStr &&
     prevProps.editable === nextProps.editable &&
@@ -767,9 +767,8 @@ export const GameTabs: React.FC<GameTabsProps> = ({
           <Text className="tab_text">{hosted_text}</Text>
         </View>
         <View
-          className={`tab_item ${
-            active_tab === "participated" ? "active" : ""
-          }`}
+          className={`tab_item ${active_tab === "participated" ? "active" : ""
+            }`}
           onClick={() => on_tab_change("participated")}
         >
           <Text className="tab_text">{participated_text}</Text>