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

fix: card style

Browse Source
This commit is contained in:
Fine 2023-04-14 17:52:23 +08:00
parent 4ef77dda5c
commit 72c395cd5f
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/dashboard/graphs/Card.vue
View File

@ -27,7 +27,7 @@ limitations under the License. -->
{{ decodeURIComponent(unit) }}
</span>
</div>
<div class="center no-data" v-else>{{ t("noData") }}</div>
<div v-else class="card-no-data" :class="config.textAlign === 'center' ? 'center' : ''">{{ t("noData") }}</div>
</template>
<script lang="ts" setup>
import { computed } from "vue";
@ -68,13 +68,20 @@ limitations under the License. -->
align-items: center;
}
.no-data {
.card-no-data {
height: 100%;
color: #666;
display: flex;
align-items: center;
font-size: 14px;
}
.unit {
display: inline-block;
margin-left: 2px;
}
.center {
justify-content: center;
}
</style>