Allow to change badge size and border radius

piitaya · Aug 28, 2024 · 266c3c4 · 266c3c4
1 parent fc9346f
commit 266c3c4
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/badges/template/template-badge.ts b/src/badges/template/template-badge.ts
@@ -289,12 +289,15 @@ export class HuiEntityBadge extends LitElement implements LovelaceBadge {
         align-items: center;
         justify-content: center;
         gap: 8px;
-        height: 36px;
-        min-width: 36px;
+        height: var(--ha-badge-size, 36px);
+        min-width: var(--ha-badge-size, 36px);
         padding: 0px 8px;
         box-sizing: border-box;
         width: auto;
-        border-radius: 18px;
+        border-radius: var(
+          --ha-badge-border-radius,
+          calc(var(--ha-badge-size, 36px) / 2)
+        );
         background-color: var(--card-background-color, white);
         border-width: var(--ha-card-border-width, 1px);
         box-shadow: var(--ha-card-box-shadow, none);