jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-18 14:56:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mobile styles for backup summary (#23276)

Browse Source 
* 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
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/panels/config/backup/components/ha-backup-summary-card.ts
View File

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