style:优化多个组件的样式和布局

- 调整了多个组件的输入框、按钮等元素的样式
- 优化了部分布局结构，提高了页面的可读性和易用性
- 统一了表单项的样式和间距
- 简化了部分代码结构，提高了代码的可维护性

src/views/app/layout/layout.vue

@@ -63,11 +63,13 @@ export default {
   position: relative;
   height: 100%;
   width: 100%;
+
   &.mobile.openSidebar {
     position: fixed;
     top: 0;
   }
 }
+
 .drawer-bg {
   background: #000;
   opacity: 0.3;