mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-23 01:06:35 +00:00
Use media query for config menu mobile (#12510)
This commit is contained in:
parent
e16a61eb53
commit
bf8affaf2b
@ -126,14 +126,16 @@ class HaConfigSystemNavigation extends LitElement {
|
|||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host([narrow]) ha-card {
|
@media all and (max-width: 600px) {
|
||||||
|
ha-card {
|
||||||
|
border-width: 1px 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
}
|
}
|
||||||
|
ha-config-section {
|
||||||
:host([narrow]) ha-config-section {
|
|
||||||
margin-top: -42px;
|
margin-top: -42px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
ha-navigation-list {
|
ha-navigation-list {
|
||||||
--navigation-list-item-title-font-size: 16px;
|
--navigation-list-item-title-font-size: 16px;
|
||||||
|
@ -277,14 +277,17 @@ class HaConfigDashboard extends LitElement {
|
|||||||
padding: 16px;
|
padding: 16px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
:host([narrow]) ha-card {
|
|
||||||
|
@media all and (max-width: 600px) {
|
||||||
|
ha-card {
|
||||||
|
border-width: 1px 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
}
|
}
|
||||||
|
ha-config-section {
|
||||||
:host([narrow]) ha-config-section {
|
|
||||||
margin-top: -42px;
|
margin-top: -42px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
ha-tip {
|
ha-tip {
|
||||||
margin-bottom: max(env(safe-area-inset-bottom), 8px);
|
margin-bottom: max(env(safe-area-inset-bottom), 8px);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user