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-10-21 17:21:02 +08:00
parent 63837d1ed1
commit cd1d765fae
1 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/dashboard/related/trace/Header.vue
View File

@ -35,17 +35,12 @@ limitations under the License. -->
</div> </div>
<div class="flex-h"> <div class="flex-h">
<ConditionTags :type="'TRACE'" @update="updateTags" /> <ConditionTags :type="'TRACE'" @update="updateTags" />
</div> <div class="search-btn">
<div class="mr-10"> <el-button size="small" type="primary" @click="queryTraces">
<el-button
size="small"
type="primary"
@click="queryTraces"
class="search-btn"
>
{{ t("search") }} {{ t("search") }}
</el-button> </el-button>
</div> </div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, onUnmounted } from "vue"; import { ref, reactive, onUnmounted } from "vue";
@ -212,15 +207,11 @@ onUnmounted(() => {
position: relative; position: relative;
} }
.search-btn {
cursor: pointer;
width: 80px;
position: absolute;
top: 0;
right: 10px;
}
.conditions { .conditions {
margin-bottom: 10px; margin-bottom: 10px;
} }
.search-btn {
margin-top: 2px;
}
</style> </style>