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