github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 04:09:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: polish (#390)

Browse Source
This commit is contained in:
Fine0830
2024-04-16 17:52:51 +08:00
committed by GitHub
parent 7f6e4d09c0
commit 731d652a7d
5 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/dashboard/graphs/Table.vue
View File

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. -->
<template>
<div class="chart-table">
<div class="chart-table" v-if="dataKeys.length">
<div class="row header flex-h">
<div
v-for="key in dataKeys[0]"
@@ -41,6 +41,7 @@ limitations under the License. -->
</div>
</div>
</div>
<div class="no-data" v-else>No Data</div>
</template>
<script lang="ts" setup>
import { computed } from "vue";
@@ -131,4 +132,13 @@ limitations under the License. -->
width: 50%;
}
}
.no-data {
font-size: $font-size-smaller;
height: 100%;
align-items: center;
justify-content: center;
display: flex;
color: var(--text-color-placeholder);
}
</style>