UI: Improve maintenace actions design (#4407)

This commit is contained in:
Nelson Chan 2024-02-03 06:16:14 +08:00 committed by GitHub
parent 3cea7d4eb2
commit 56aa81e337
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -53,7 +53,7 @@
<font-awesome-icon icon="edit" /> {{ $t("Edit") }} <font-awesome-icon icon="edit" /> {{ $t("Edit") }}
</router-link> </router-link>
<button class="btn btn-danger" @click="deleteDialog(item.id)"> <button class="btn btn-normal text-danger" @click="deleteDialog(item.id)">
<font-awesome-icon icon="trash" /> {{ $t("Delete") }} <font-awesome-icon icon="trash" /> {{ $t("Delete") }}
</button> </button>
</div> </div>
@ -294,8 +294,15 @@ export default {
gap: 8px; gap: 8px;
flex-direction: row-reverse; flex-direction: row-reverse;
.btn-group { @media (max-width: 550px) {
width: 310px; & {
width: 100%;
}
.btn-group {
margin: 1em 1em 0 1em;
width: 100%;
}
} }
} }
} }