fix height of hero

home-assistant · Sep 19, 2023 · 327b20e · 327b20e
1 parent 3eeb697
commit 327b20e
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src-11ty/_includes/base_card_with_hero.html b/src-11ty/_includes/base_card_with_hero.html
@@ -4,16 +4,14 @@
 
 <style>
  .hero {
- padding-top: 63%;
- position: relative;
+ height: 300px;
+ border-top-right-radius: var(--ha-card-border-radius, 4px);
+ border-top-left-radius: var(--ha-card-border-radius, 4px);
  }
  .hero img {
- position: absolute;
- top: 0;
- left: 0;
  width: 100%;
- border-top-right-radius: var(--ha-card-border-radius, 4px);
- border-top-left-radius: var(--ha-card-border-radius, 4px);
+ height: 100%;
+ object-fit: cover;
  }
 </style>