mirror of
https://github.com/apache/skywalking-booster-ui.git
synced 2025-05-01 18:43:40 +00:00
fix: change log widget and loading mask style (#340)
This commit is contained in:
parent
c6d1c49569
commit
02c5724859
@ -157,6 +157,10 @@ $active-background: var(--el-color-primary);
|
||||
$font-size-smaller: 12px;
|
||||
$font-size-normal: 14px;
|
||||
|
||||
.el-loading-mask {
|
||||
background-color: var(--theme-background);
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
--el-menu-item-height: 50px;
|
||||
}
|
||||
|
@ -20,7 +20,7 @@ limitations under the License. -->
|
||||
{{ dateFormat(currentLog[item.label]) }}
|
||||
</span>
|
||||
<textarea
|
||||
class="content mb-10"
|
||||
class="content mb-10 g-sm-8"
|
||||
:readonly="true"
|
||||
v-else-if="item.label === 'content'"
|
||||
:value="contentFormat(item.label)"
|
||||
@ -66,13 +66,11 @@ limitations under the License. -->
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.content {
|
||||
max-width: 700px;
|
||||
min-width: 500px;
|
||||
min-height: 500px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: $font-color;
|
||||
overflow: auto;
|
||||
padding: 5px;
|
||||
background-color: var(--el-dialog-bg-color);
|
||||
}
|
||||
</style>
|
||||
|
@ -25,9 +25,9 @@ limitations under the License. -->
|
||||
{{ dateFormat(data.timestamp) }}
|
||||
</span>
|
||||
<span v-else-if="item.label === 'tags'" :class="level.toLowerCase()"> > </span>
|
||||
<el-tooltip v-else-if="item.label === 'traceId'" content="Trace Link">
|
||||
<el-tooltip v-else-if="item.label === 'traceId' && !noLink" content="Trace Link">
|
||||
<span :class="noLink ? '' : 'blue'">
|
||||
<Icon v-if="!noLink" iconName="merge" />
|
||||
<Icon v-if="data[item.label]" iconName="merge" />
|
||||
</span>
|
||||
</el-tooltip>
|
||||
<span v-else>{{ data[item.label] }}</span>
|
||||
|
Loading…
Reference in New Issue
Block a user