diff --git a/assets/css/app.css b/assets/css/app.css index b3f0acf9775..b9bdd018d8b 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -297,6 +297,23 @@ a:hover { --bs-btn-line-height: 2; } +.btn-pill { + --bs-btn-bg: var(--bs-body-bg); + --bs-btn-color: var(--evcc-default-text); + --bs-btn-border-color: var(--evcc-gray-50); + --bs-btn-hover-bg: var(--bs-body-bg); + --bs-btn-hover-color: var(--evcc-default-text); + --bs-btn-hover-border-color: var(--evcc-default-text); + --bs-btn-active-bg: var(--bs-body-bg); + --bs-btn-active-color: var(--evcc-default-text); + --bs-btn-active-border-color: var(--evcc-default-text); + white-space: nowrap; + text-transform: uppercase; + font-weight: bold; + font-size: 0.75rem; + border-radius: 50rem; +} + .btn-outline-secondary { --bs-btn-color: var(--evcc-default-text); --bs-btn-border-color: var(--evcc-default-text); diff --git a/assets/js/components/Config/DeviceCard.vue b/assets/js/components/Config/DeviceCard.vue index 3c5c1816684..74467ae6e85 100644 --- a/assets/js/components/Config/DeviceCard.vue +++ b/assets/js/components/Config/DeviceCard.vue @@ -26,7 +26,21 @@ @edit="$emit('edit')" /> -
+ +

@@ -52,8 +66,9 @@ export default { warning: Boolean, noEditButton: Boolean, badge: Boolean, + disabled: Boolean, }, - emits: ["edit"], + emits: ["edit", "enable"], data() { return { tagsMinHeight: null, @@ -99,7 +114,8 @@ export default {