github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-18 08:25:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

set widgets style

Browse Source
This commit is contained in:
Qiuxia Fan 2022-05-09 11:50:35 +08:00
parent 96b1445a2f
commit 3b0de561af
7 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/dashboard/controls/Log.vue
View File

@ -64,6 +64,7 @@ function removeWidget() {
height: 100%;
font-size: 12px;
position: relative;
overflow: auto;
}
.delete {
@ -76,6 +77,7 @@ function removeWidget() {
padding: 10px;
font-size: 12px;
border-bottom: 1px solid #dcdfe6;
min-width: 1024px;
}
.tools {
@ -93,6 +95,5 @@ function removeWidget() {
.log {
width: 100%;
overflow: auto;
}
</style>

5
src/views/dashboard/controls/Tab.vue
View File

@ -301,7 +301,10 @@ export default defineComponent({
span.active {
border-bottom: 1px solid #409eff;
color: #409eff;
.tab-name {
color: #409eff;
}
}
}

3
src/views/dashboard/controls/Trace.vue
View File

@ -66,6 +66,7 @@ function removeWidget() {
height: 100%;
font-size: 12px;
position: relative;
overflow: auto;
}
.delete {
@ -78,6 +79,7 @@ function removeWidget() {
padding: 10px;
font-size: 12px;
border-bottom: 1px solid #dcdfe6;
min-width: 1200px;
}
.tools {
@ -96,5 +98,6 @@ function removeWidget() {
.trace {
width: 100%;
overflow: auto;
min-width: 1200px;
}
</style>

2
src/views/dashboard/related/components/LogTable/Index.vue
View File

@ -93,7 +93,7 @@ function setCurrentLog(log: any) {
.log {
font-size: 12px;
height: 100%;
overflow: auto;
border-bottom: 1px solid #eee;
}
.log-header {

1
src/views/dashboard/related/profile/Content.vue
View File

@ -57,6 +57,7 @@ function loadTrees(l: boolean) {
.item {
height: 100%;
width: calc(100% - 300px);
overflow: auto;
}
.list {

2
src/views/dashboard/related/profile/components/SpanTree.vue
View File

@ -161,6 +161,7 @@ function updateTimeRange() {
flex-shrink: 0;
height: 50%;
width: 100%;
min-width: 800px;
}
.profile-table {
@ -171,6 +172,7 @@ function updateTimeRange() {
.profile-trace-detail-wrapper {
padding: 5px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
}
.profile-trace-detail-ids {

9
src/views/dashboard/related/trace/Filter.vue
View File

@ -62,15 +62,6 @@ limitations under the License. -->
</div>
</div>
<div class="flex-h">
<!-- <div class="mr-5">
<span class="grey mr-5">{{ t("timeRange") }}:</span>
<TimePicker
:value="dateTime"
position="bottom"
format="YYYY-MM-DD HH:mm"
@input="changeTimeRange"
/>
</div> -->
<div class="mr-5">
<span class="sm b grey mr-5">{{ t("duration") }}:</span>
<el-input size="small" class="inputs mr-5" v-model="minTraceDuration" />