Uniform page styles

dubbo-admin-frontend/src/components/ServiceSearch.vue

@@ -55,32 +55,29 @@
 
     <v-flex lg12>
       <v-card>
-        <v-toolbar card dense color="transparent">
+        <v-toolbar flat color="transparent" class="elevation-0">
           <v-toolbar-title><span class="headline">Search Result</span></v-toolbar-title>
           <v-spacer></v-spacer>
-          <v-btn icon>
-            <v-icon>more_vert</v-icon>
-          </v-btn>
         </v-toolbar>
 
-      <v-card-text class="pa-0">
-        <template>
-          <v-data-table
-            hide-actions
-            class="elevation-0 table-striped"
-            :headers="headers"
-            :items="services"
-          >
-            <template slot="items" slot-scope="props">
-              <td>{{props.item.service}}</td>
-              <td>{{props.item.group}}</td>
-              <td>{{props.item.appName}}</td>
-              <td><v-btn small color='primary' :href='getHref(props.item.service, props.item.appName)'>Detail</v-btn></td>
-            </template>
-          </v-data-table>
-        </template>
-        <v-divider></v-divider>
-      </v-card-text>
+        <v-card-text class="pa-0">
+          <template>
+            <v-data-table
+              hide-actions
+              class="elevation-0 table-striped"
+              :headers="headers"
+              :items="services"
+            >
+              <template slot="items" slot-scope="props">
+                <td>{{props.item.service}}</td>
+                <td>{{props.item.group}}</td>
+                <td>{{props.item.appName}}</td>
+                <td class="text-xs-center px-0"><v-btn small color='primary' :href='getHref(props.item.service, props.item.appName)'>Detail</v-btn></td>
+              </template>
+            </v-data-table>
+          </template>
+          <v-divider></v-divider>
+        </v-card-text>
       </v-card>
     </v-flex>
   </v-container>
@@ -115,7 +112,8 @@
         {
           text: 'Operation',
           value: 'operation',
-          sortable: false
+          sortable: false,
+          width: '110px'
         }
       ]
     }),

dubbo-admin-frontend/src/components/governance/AccessControl.vue

@@ -23,7 +23,7 @@
       <v-flex xs12>
         <search v-model="filter"
                 :submit="search"
-                label="Search Access Controls by service name"></search>
+                label="Search Access Control by service name"></search>
       </v-flex>
     </v-layout>
 

dubbo-admin-frontend/src/components/governance/LoadBalance.vue

@@ -19,7 +19,7 @@
   <v-container grid-list-xl fluid >
     <v-layout row wrap>
       <v-flex xs12 >
-        <search v-model="filter" :submit="submit" label="Search LoadBalance by service Name"></search>
+        <search v-model="filter" :submit="submit" label="Search Load Balance by service Name"></search>
 
       </v-flex>
     </v-layout>
@@ -28,11 +28,6 @@
       <v-card>
         <v-toolbar flat color="transparent" class="elevation-0">
           <v-toolbar-title><span class="headline">Search Result</span></v-toolbar-title>
-          <v-divider
-            class="mx-2"
-            inset
-            vertical
-          ></v-divider>
           <v-spacer></v-spacer>
           <v-btn outline color="primary" @click.stop="openDialog" class="mb-2">CREATE</v-btn>
         </v-toolbar>
@@ -47,7 +42,7 @@
             <template slot="items" slot-scope="props">
               <td class="text-xs-left">{{ props.item.service }}</td>
               <td class="text-xs-left">{{ props.item.methodName }}</td>
-              <td class="justify-center px-0">
+              <td class="text-xs-center px-0">
                 <v-tooltip bottom v-for="op in operations" :key="op.id">
                   <v-icon small class="mr-2" slot="activator" @click="itemOperation(op.icon, props.item)">
                     {{op.icon}}
@@ -151,7 +146,8 @@
         {
           text: 'Operation',
           value: 'operation',
-          sortable: false
+          sortable: false,
+          width: '115px'
         }
       ]
     }),

dubbo-admin-frontend/src/components/governance/Overrides.vue

@@ -27,11 +27,6 @@
       <v-card>
         <v-toolbar flat color="transparent" class="elevation-0">
           <v-toolbar-title><span class="headline">Search Result</span></v-toolbar-title>
-          <v-divider
-            class="mx-2"
-            inset
-            vertical
-          ></v-divider>
           <v-spacer></v-spacer>
           <v-btn outline color="primary" @click.stop="openDialog" class="mb-2">CREATE</v-btn>
         </v-toolbar>
@@ -45,7 +40,7 @@
           >
             <template slot="items" slot-scope="props">
               <td class="text-xs-left">{{ props.item.service }}</td>
-              <td class="justify-center px-0">
+              <td class="text-xs-center px-0">
                 <v-tooltip bottom v-for="op in operations" :key="op.id">
                   <v-icon small class="mr-2" slot="activator" @click="itemOperation(op.icon(props.item), props.item)">
                     {{op.icon(props.item)}}
@@ -148,7 +143,8 @@
         {
           text: 'Operation',
           value: 'operation',
-          sortable: false
+          sortable: false,
+          width: '115px'
         }
       ]
     }),

dubbo-admin-frontend/src/components/governance/RoutingRule.vue

@@ -27,11 +27,6 @@
       <v-card>
         <v-toolbar flat color="transparent" class="elevation-0">
           <v-toolbar-title><span class="headline">Search Result</span></v-toolbar-title>
-          <v-divider
-            class="mx-2"
-            inset
-            vertical
-          ></v-divider>
           <v-spacer></v-spacer>
           <v-btn outline color="primary" @click.stop="openDialog" class="mb-2">CREATE</v-btn>
         </v-toolbar>
@@ -48,7 +43,7 @@
               <td class="text-xs-left">{{ props.item.group }}</td>
               <td class="text-xs-left">{{ props.item.priority }}</td>
               <td class="text-xs-left">{{ props.item.enabled }}</td>
-              <td class="justify-center px-0">
+              <td class="text-xs-center px-0">
                 <v-tooltip bottom v-for="op in operations" :key="op.id">
                   <v-icon small class="mr-2" slot="activator" @click="itemOperation(op.icon(props.item), props.item)">
                     {{op.icon(props.item)}}
@@ -174,7 +169,8 @@
         {
           text: 'Operation',
           value: 'operation',
-          sortable: false
+          sortable: false,
+          width: '115px'
         }
       ]
     }),

dubbo-admin-frontend/src/components/governance/WeightAdjust.vue

@@ -28,11 +28,6 @@
       <v-card>
         <v-toolbar flat color="transparent" class="elevation-0">
           <v-toolbar-title><span class="headline">Search Result</span></v-toolbar-title>
-          <v-divider
-            class="mx-2"
-            inset
-            vertical
-          ></v-divider>
           <v-spacer></v-spacer>
           <v-btn outline color="primary" @click.stop="openDialog" class="mb-2">CREATE</v-btn>
         </v-toolbar>
@@ -47,7 +42,7 @@
             <template slot="items" slot-scope="props">
               <td class="text-xs-left">{{ props.item.service }}</td>
               <td class="text-xs-left">{{ props.item.method }}</td>
-              <td class="justify-center px-0">
+              <td class="text-xs-center px-0">
                 <v-tooltip bottom v-for="op in operations" :key="op.id">
                   <v-icon small class="mr-2" slot="activator" @click="itemOperation(op.icon, props.item)">
                     {{op.icon}}
@@ -154,7 +149,8 @@
         {
           text: 'Operation',
           value: 'operation',
-          sortable: false
+          sortable: false,
+          width: '115px'
         }
       ]
     }),