Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-12-24 12:49:19 +00:00
Code Activity

Improve backup settings display on mobile (#23967)

Browse Source
This commit is contained in:
Paul Bottein
2025-01-30 16:49:05 +01:00
committed by Bram Kragten
parent 6aab60cf45
commit c337bc5f97
2 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/panels/config/backup/components/config/ha-backup-config-data.ts
View File

@@ -378,8 +378,9 @@ class HaBackupConfigData extends LitElement {
}
@media all and (max-width: 450px) {
ha-md-select {
min-width: 160px;
width: 160px;
min-width: 140px;
width: 140px;
--md-filled-field-content-space: 0;
}
}
`;

16
src/panels/config/backup/components/config/ha-backup-config-schedule.ts
View File

@@ -545,6 +545,12 @@ class HaBackupConfigSchedule extends LitElement {
ha-md-select,
ha-time-input {
min-width: 160px;
width: 160px;
--md-filled-field-content-space: 0;
}
ha-time-input {
min-width: 120px;
width: 120px;
}
}
ha-md-textfield#value {
@@ -553,6 +559,16 @@ class HaBackupConfigSchedule extends LitElement {
ha-md-select#type {
min-width: 100px;
}
@media all and (max-width: 450px) {
ha-md-textfield#value {
min-width: 60px;
margin: 0 -8px;
}
ha-md-select#type {
min-width: 120px;
width: 120px;
}
}
ha-expansion-panel {
--expansion-panel-summary-padding: 0 16px;
--expansion-panel-content-padding: 0 16px;