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 mqtt debug info dialog too big (#16893)

Browse Source
This commit is contained in:
karwosts 2023-06-13 08:22:45 -07:00 committed by GitHub
parent 9875cb2723
commit 6e3cf0975b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/panels/config/devices/device-detail/integration-elements/mqtt/dialog-mqtt-device-debug-info.ts
View File

@ -250,8 +250,18 @@ class DialogMQTTDeviceDebugInfo extends LitElement {
haStyleDialog, haStyleDialog,
css` css`
ha-dialog { ha-dialog {
--mdc-dialog-max-width: 95%; --mdc-dialog-max-width: 95vw;
--mdc-dialog-min-width: 640px; --mdc-dialog-min-width: min(640px, 95vw);
}
@media all and (max-width: 450px), all and (max-height: 500px) {
ha-dialog {
--mdc-dialog-min-width: calc(
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
);
--mdc-dialog-max-width: calc(
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
);
}
} }
ha-switch { ha-switch {
margin: 16px; margin: 16px;