fix: change log widget and loading mask style (#340)

This commit is contained in:
Fine0830 2023-11-17 13:16:48 +08:00 committed by GitHub
parent c6d1c49569
commit 02c5724859
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 6 deletions

View File

@ -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;
}

View File

@ -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>

View File

@ -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>