样式优化

src/components/EditModal/EditModal.scss

@@ -83,11 +83,12 @@
 
 // 内容区域
 .modal_content {
-  padding: 16px 20px;
+  padding: 0 20px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   box-sizing: border-box;
+  margin-bottom: 20px;
 
   .input_container {
     display: flex;
@@ -127,6 +128,10 @@
         line-height: 20px;
         padding: 0;
       }
+
+      &.profile {
+        width: 100%;
+      }
     }
 
     .char_count {
@@ -140,6 +145,7 @@
         font-size: 14px;
         line-height: 1.71em;
         color: rgba(60, 60, 67, 0.3);
+
         &.un-valid {
           color: #FF3B30;
         }
@@ -156,6 +162,7 @@
       font-size: 12px;
       line-height: 1.5em;
       color: rgba(60, 60, 67, 0.6);
+
       &.illegal {
         color: #FF3B30;
       }

src/components/EditModal/index.tsx

@@ -171,9 +171,9 @@ const EditModal: React.FC<EditModalProps> = ({
                 </View>
               </>
             ) : (
-              <>
+              <View style={{display: "flex", flexDirection: "column", width: "100%", height: "120px"}}>
                 <Textarea
-                  className="text_input"
+                  className="text_input profile"
                   value={value}
                   placeholder={placeholder}
                   // maxlength={maxLength}
@@ -191,7 +191,7 @@ const EditModal: React.FC<EditModalProps> = ({
                     {value.length}/{maxLength}
                   </Text>
                 </View>
-              </>
+              </View>
             )}
           </View>