jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-22 16:56:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show demo only at 760+px (#33529)

Browse Source
This commit is contained in:
Paulus Schoutsen 2024-07-03 06:35:22 +02:00 committed by GitHub
parent 41a3c8e8fd
commit 11bcae430c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sass/homeassistant/homepage/_hero_unit.scss
View File

@ -123,8 +123,11 @@
} }
} }
@media only screen and (max-width: $palm-end) { @media only screen and (max-width: 760px) {
.hero { .hero {
.flex {
flex-direction: column;
}
#HAdemo { #HAdemo {
display: none; display: none;
@ -133,5 +136,6 @@
#HAdemoScreenshot { #HAdemoScreenshot {
display: block; display: block;
} }
} }
} }

4
source/_includes/site/hero_unit.html
View File

@ -1,10 +1,10 @@
<div class="hero"> <div class="hero">
<div class="grid-wrapper"> <div class="grid-wrapper">
<div class="grid flex"> <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 %} {% include custom/welcome.html %}
</div> </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" <iframe id="HAdemo" title="Home Assistant Demo"
src="https://demo.home-assistant.io/?frontpage"> src="https://demo.home-assistant.io/?frontpage">
</iframe> </iframe>