调整可编辑描述的文字展示样式以及激活样式。

src/components/EditableDescription.module.css

@@ -14,9 +14,14 @@
       height: fit-content;
       overflow: hidden;
       resize: none;
-      min-height: calc(1.2em * 2);
+      min-height: calc(1.2em * 3);
       max-height: calc(1.2em * 5);
     }
+    .description_content {
+      border: 1px solid transparent;
+      padding: var(--spacing-xs) var(--spacing-m);
+      cursor: text;
+    }
     .invalid_content {
       color: var(--color-neutral-focus);
       font-size: var(--font-size-xs);

src/components/EditableDescription.tsx

@@ -41,7 +41,9 @@ export function EditableDescription({ content, onChange }: EditableDescriptionPr
             Click to add description.
           </div>
         ) : (
-          content
+          <div className={styles.description_content} onClick={() => setIsEditing(true)}>
+            {content}
+          </div>
         )}
       </div>
     </div>