github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-02 17:34:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/theme.scss
View File

@ -157,6 +157,10 @@ $active-background: var(--el-color-primary);
$font-size-smaller: 12px; $font-size-smaller: 12px;
$font-size-normal: 14px; $font-size-normal: 14px;
.el-loading-mask {
background-color: var(--theme-background);
}
.el-menu { .el-menu {
--el-menu-item-height: 50px; --el-menu-item-height: 50px;
} }

6
src/views/dashboard/related/log/LogTable/LogDetail.vue
View File

@ -20,7 +20,7 @@ limitations under the License. -->
{{ dateFormat(currentLog[item.label]) }} {{ dateFormat(currentLog[item.label]) }}
</span> </span>
<textarea <textarea
class="content mb-10" class="content mb-10 g-sm-8"
:readonly="true" :readonly="true"
v-else-if="item.label === 'content'" v-else-if="item.label === 'content'"
:value="contentFormat(item.label)" :value="contentFormat(item.label)"
@ -66,13 +66,11 @@ limitations under the License. -->
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
max-width: 700px;
min-width: 500px;
min-height: 500px; min-height: 500px;
border: none; border: none;
outline: none; outline: none;
color: $font-color; color: $font-color;
overflow: auto; overflow: auto;
padding: 5px; background-color: var(--el-dialog-bg-color);
} }
</style> </style>

4
src/views/dashboard/related/log/LogTable/LogService.vue
View File

@ -25,9 +25,9 @@ limitations under the License. -->
{{ dateFormat(data.timestamp) }} {{ dateFormat(data.timestamp) }}
</span> </span>
<span v-else-if="item.label === 'tags'" :class="level.toLowerCase()"> > </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'"> <span :class="noLink ? '' : 'blue'">
<Icon v-if="!noLink" iconName="merge" /> <Icon v-if="data[item.label]" iconName="merge" />
</span> </span>
</el-tooltip> </el-tooltip>
<span v-else>{{ data[item.label] }}</span> <span v-else>{{ data[item.label] }}</span>