修改首页搜索样式

DAPlatform-front/src/components/TaskHall.vue

@@ -6,10 +6,10 @@
           <span class="filter-lable">任务名称：</span>
           <el-input class="filter-input" prefix-icon="el-icon-search" v-model="keyword" placeholder="请输入任务名称"></el-input><br/>
         </div>
-        <div class="filter-item">
+        <!-- <div class="filter-item">
           <span class="filter-lable">发布者：</span>
           <el-input class="filter-input" prefix-icon="el-icon-search" v-model="creatorName" placeholder="请输入发布者名称"></el-input>
-        </div>
+        </div> -->
         <div class="filter-item">
           <span class="filter-lable">类型：</span>
           <el-checkbox-group v-model="taskType">
@@ -21,8 +21,8 @@
         <div class="filter-item">
           <el-button class="filter-button" type="primary" @click="search()">查询</el-button>
         </div>
-        <el-divider></el-divider>
       </div>
+      <el-divider></el-divider>
       <div class="tasklist-container">
         <div class="tasklist">
           <div class="task-item" v-for="(item, index) in tasks" :key='index'>
@@ -94,15 +94,20 @@ export default {
     float: left;
     width: 70%;
     .filter-container{
+      overflow: hidden;
       .filter-item{
         text-align: left;
+        float: left;
+        margin-left: 10px;
         margin-bottom: 15px;
+        height: 40px;
+        line-height: 40px;
         .filter-lable{
-          width: 6em;
+          width: 5em;
           display: inline-block;
         }
         .filter-input{
-          width: 300px;
+          width: 200px;
         }
         .el-checkbox-group{
           display: inline;