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')" /> -