mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-15 21:36:36 +00:00
Mobile styles for backup summary (#23276)
* Add mobile backup summary styles * revert padding
This commit is contained in:
parent
27dbabc6bf
commit
7d3c77008d
@ -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;
|
||||
}
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user