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:
parent
7eff2f0c49
commit
5b9d0b60a1
@ -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>
|
Loading…
Reference in New Issue
Block a user