Mobile styles for backup summary (#23276)

* Add mobile backup summary styles

* revert padding
This commit is contained in:
Wendelin 2024-12-12 17:02:51 +01:00 committed by GitHub
parent 27dbabc6bf
commit 7d3c77008d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -68,7 +68,8 @@ class HaBackupSummaryCard extends LitElement {
.summary {
display: flex;
flex-direction: row;
gap: 16px;
column-gap: 16px;
row-gap: 8px;
align-items: center;
padding: 20px;
width: 100%;
@ -139,6 +140,18 @@ class HaBackupSummaryCard extends LitElement {
overflow: hidden;
white-space: nowrap;
}
@media all and (max-width: 550px) {
.summary {
flex-wrap: wrap;
padding: 8px;
}
.action {
width: 100%;
display: flex;
justify-content: flex-end;
}
}
`;
}