1
0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2024-11-06 16:00:28 +01:00

Adjusted some UI

This commit is contained in:
Donald Zou 2024-08-11 19:20:52 -04:00
parent 7eff2f0c49
commit 5b9d0b60a1

View File

@ -35,7 +35,7 @@ export default {
<template> <template>
<div class="card rounded-3 shadow-sm"> <div class="card rounded-3 shadow-sm">
<div class="card-body d-flex gap-3 align-items-center" v-if="!this.confirmDelete"> <div class="card-body d-flex gap-3 align-items-center apiKey-card-body" v-if="!this.confirmDelete">
<div class="d-flex align-items-center gap-2"> <div class="d-flex align-items-center gap-2">
<small class="text-muted">Key</small>{{this.apiKey.Key}} <small class="text-muted">Key</small>{{this.apiKey.Key}}
</div> </div>
@ -62,5 +62,14 @@ export default {
</template> </template>
<style scoped> <style scoped>
@media screen and (max-width: 992px) {
.apiKey-card-body{
flex-direction: column;
align-items: start !important;
div.ms-auto{
margin-left: 0 !important;
}
}
}
</style> </style>