github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-18 13: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%; height: 100%;
font-size: 12px; font-size: 12px;
position: relative; position: relative;
overflow: auto;
} }
.delete { .delete {
@ -76,6 +77,7 @@ function removeWidget() {
padding: 10px; padding: 10px;
font-size: 12px; font-size: 12px;
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
min-width: 1024px;
} }
.tools { .tools {
@ -93,6 +95,5 @@ function removeWidget() {
.log { .log {
width: 100%; width: 100%;
overflow: auto;
} }
</style> </style>

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

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

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

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

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

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

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

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

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

@ -161,6 +161,7 @@ function updateTimeRange() {
flex-shrink: 0; flex-shrink: 0;
height: 50%; height: 50%;
width: 100%; width: 100%;
min-width: 800px;
} }
.profile-table { .profile-table {
@ -171,6 +172,7 @@ function updateTimeRange() {
.profile-trace-detail-wrapper { .profile-trace-detail-wrapper {
padding: 5px 0; padding: 5px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
} }
.profile-trace-detail-ids { .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> </div>
<div class="flex-h"> <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"> <div class="mr-5">
<span class="sm b grey mr-5">{{ t("duration") }}:</span> <span class="sm b grey mr-5">{{ t("duration") }}:</span>
<el-input size="small" class="inputs mr-5" v-model="minTraceDuration" /> <el-input size="small" class="inputs mr-5" v-model="minTraceDuration" />