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") }}
</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") }}
</button>
</div>
@ -294,8 +294,15 @@ export default {
gap: 8px;
flex-direction: row-reverse;
.btn-group {
width: 310px;
@media (max-width: 550px) {
& {
width: 100%;
}
.btn-group {
margin: 1em 1em 0 1em;
width: 100%;
}
}
}
}