github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
Fine 2022-09-08 19:37:33 +08:00
parent 49bc349064
commit 0705aadb04
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/dashboard/graphs/EndpointList.vue
View File

@ -17,14 +17,13 @@ limitations under the License. -->
<div class="search">
<el-input
v-model="searchText"
placeholder="Please input endpoint name"
size="small"
placeholder="Search for more endpoints"
@change="searchList"
class="inputs"
>
<template #append>
<el-button size="small" @click="searchList">
<Icon size="sm" iconName="search" />
<el-button @click="searchList" class="btn">
<Icon size="middle" iconName="search" />
</el-button>
</template>
</el-input>
@ -198,4 +197,8 @@ watch(
.inputs {
width: 300px;
}
.btn {
margin-top: -12px;
}
</style>

7
src/views/dashboard/graphs/InstanceList.vue
View File

@ -18,12 +18,11 @@ limitations under the License. -->
<el-input
v-model="searchText"
placeholder="Please input instance name"
size="small"
@change="searchList"
class="inputs"
>
<template #append>
<el-button size="small" @click="searchList">
<el-button class="btn" @click="searchList">
<Icon size="sm" iconName="search" />
</el-button>
</template>
@ -255,4 +254,8 @@ watch(
max-height: 400px;
overflow: auto;
}
.btn {
margin-top: -12px;
}
</style>

7
src/views/dashboard/graphs/ServiceList.vue
View File

@ -18,12 +18,11 @@ limitations under the License. -->
<el-input
v-model="searchText"
placeholder="Please input service name"
size="small"
@change="searchList"
class="inputs mt-5"
>
<template #append>
<el-button size="small" @click="searchList">
<el-button class="btn" @click="searchList">
<Icon size="sm" iconName="search" />
</el-button>
</template>
@ -290,4 +289,8 @@ watch(
.inputs {
width: 300px;
}
.btn {
margin-top: -12px;
}
</style>