fix(style): url encode/decode layout

src/tools/url-encoder/url-encoder.vue

@@ -1,5 +1,5 @@
 <template>
-  <n-space item-style="flex:1">
+  <div>
     <n-card title="Encode">
       <n-form-item
         label="Your string :"
@@ -10,7 +10,7 @@
           v-model:value="encodeInput"
           type="textarea"
           placeholder="The string to encode"
-          :autosize="{ minRows: 3 }"
+          :autosize="{ minRows: 2 }"
         />
       </n-form-item>
 
@@ -20,7 +20,7 @@
           type="textarea"
           readonly
           placeholder="Your string encoded"
-          :autosize="{ minRows: 3 }"
+          :autosize="{ minRows: 2 }"
         />
       </n-form-item>
 
@@ -33,9 +33,10 @@
         </n-button>
       </n-space>
     </n-card>
-    <n-card title="Encode">
+    <br>
+    <n-card title="Decode">
       <n-form-item
-        label="Your encode string :"
+        label="Your encoded string :"
         :feedback="decodeValidation.message"
         :validation-status="decodeValidation.status"
       >
@@ -43,7 +44,7 @@
           v-model:value="decodeInput"
           type="textarea"
           placeholder="The string to decode"
-          :autosize="{ minRows: 3 }"
+          :autosize="{ minRows: 2 }"
         />
       </n-form-item>
 
@@ -53,7 +54,7 @@
           type="textarea"
           readonly
           placeholder="Your string decoded"
-          :autosize="{ minRows: 3 }"
+          :autosize="{ minRows: 2 }"
         />
       </n-form-item>
 
@@ -66,7 +67,7 @@
         </n-button>
       </n-space>
     </n-card>
-  </n-space>
+  </div>
 </template>
 
 <script setup lang="ts">