feat: ui update

open-isle-cli/src/components/BaseInput.vue

@@ -1,16 +1,29 @@
 <template>
   <div class="base-input">
-    <i v-if="icon" :class="['base-input-icon', icon]"></i>
-    <component
-      :is="textarea ? 'textarea' : 'input'"
+    <i v-if="icon" :class="['base-input-icon', icon]" />
+
+    <!-- 普通输入框 -->
+    <input
+      v-if="!textarea"
       class="base-input-text"
       :type="type"
-      v-model="innerValue"
       v-bind="$attrs"
+      :value="modelValue"
+      @input="$emit('update:modelValue', $event.target.value)"
+    />
+
+    <!-- 多行输入框 -->
+    <textarea
+      v-else
+      class="base-input-text"
+      v-bind="$attrs"
+      :value="modelValue"
+      @input="$emit('update:modelValue', $event.target.value)"
     />
   </div>
 </template>
 
+
 <script>
 export default {
   name: 'BaseInput',

open-isle-cli/src/components/PostEditor.vue

@@ -80,9 +80,7 @@ export default {
 
 <style scoped>
 .post-editor-container {
-  border-right: 1px solid #e2e2e2;
-  border-top: 1px solid #e2e2e2;
-  border-bottom: 1px solid #e2e2e2;
+  border: 1px solid #e2e2e2;
 }
 </style>
 

open-isle-cli/src/views/MessagePageView.vue

@@ -162,7 +162,9 @@ export default {
 }
 
 .message-page {
+  background-color: var(--background-color);
   padding: 20px;
+  height: calc(100vh - var(--header-height) - 40px);
 }
 
 .notif-content {

open-isle-cli/src/views/NewPostPageView.vue

@@ -174,6 +174,10 @@ export default {
 .new-post-page {
   display: flex;
   justify-content: center;
+  background-color: var(--background-color);
+  height: calc(100vh - var(--header-height));
+  padding-right: 20px;
+  padding-left: 20px;
 }
 
 .new-post-form {
@@ -242,7 +246,6 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-left: 20px;
   margin-top: 20px;
 }