mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-23 01:06:52 +00:00
Show demo only at 760+px (#33529)
This commit is contained in:
parent
41a3c8e8fd
commit
11bcae430c
@ -123,8 +123,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: $palm-end) {
|
||||
@media only screen and (max-width: 760px) {
|
||||
.hero {
|
||||
.flex {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#HAdemo {
|
||||
display: none;
|
||||
@ -133,5 +136,6 @@
|
||||
#HAdemoScreenshot {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
@ -1,10 +1,10 @@
|
||||
<div class="hero">
|
||||
<div class="grid-wrapper">
|
||||
<div class="grid flex">
|
||||
<div class="grid__item flex__item three-fifths lap-one-half palm-one-whole">
|
||||
<div class="grid__item flex__item three-fifths lap-one-whole palm-one-whole">
|
||||
{% include custom/welcome.html %}
|
||||
</div>
|
||||
<div class="grid__item flex__item two-fifths lap-one-half palm-one-whole">
|
||||
<div class="grid__item flex__item two-fifths lap-one-whole palm-one-whole">
|
||||
<iframe id="HAdemo" title="Home Assistant Demo"
|
||||
src="https://demo.home-assistant.io/?frontpage">
|
||||
</iframe>
|
||||
|
Loading…
x
Reference in New Issue
Block a user