jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 16:26:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix tile card margin on old devices (#20742)

Browse Source
This commit is contained in:
Paul Bottein 2024-05-06 19:49:52 +02:00 committed by GitHub
parent 43a422cdca
commit 3488c60818
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/panels/lovelace/cards/hui-tile-card.ts
View File

@ -526,13 +526,14 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 12px;
} }
.vertical { .vertical {
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
} }
.vertical .icon-container { .vertical .icon-container {
margin-top: 12px; margin-bottom: 12px;
margin-right: 0; margin-right: 0;
margin-inline-start: initial; margin-inline-start: initial;
margin-inline-end: initial; margin-inline-end: initial;
@ -544,8 +545,8 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
position: relative; position: relative;
flex: none; flex: none;
margin-right: 12px; margin-right: 12px;
margin-inline-start: 12px; margin-inline-start: initial;
margin-inline-end: initial; margin-inline-end: 12px;
direction: var(--direction); direction: var(--direction);
transition: transform 180ms ease-in-out; transition: transform 180ms ease-in-out;
} }
@ -573,7 +574,6 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
} }
ha-tile-info { ha-tile-info {
position: relative; position: relative;
padding: 12px;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
transition: background-color 180ms ease-in-out; transition: background-color 180ms ease-in-out;