diff --git a/demo/src/html/index.html.template b/demo/src/html/index.html.template index 5faafef63d..adcae133fb 100644 --- a/demo/src/html/index.html.template +++ b/demo/src/html/index.html.template @@ -63,33 +63,42 @@ align-items: center; } #ha-launch-screen svg { - width: 170px; + width: 112px; flex-shrink: 0; } - #ha-launch-screen .ha-launch-screen-spacer { + #ha-launch-screen .ha-launch-screen-spacer-top { flex: 1; + margin-top: calc( 2 * max(env(safe-area-inset-bottom), 48px) + 46px ); + padding-top: 48px; + } + #ha-launch-screen .ha-launch-screen-spacer-bottom { + flex: 1; + padding-top: 48px; } .ohf-logo { - color: grey; - font-size: 12px; - margin-bottom: 16px; + margin: max(env(safe-area-inset-bottom), 48px) 0; display: flex; flex-direction: column; align-items: center; + opacity: .66; + } + @media (prefers-color-scheme: dark) { + .ohf-logo { + filter: invert(1); + } }
-
+
-
+
diff --git a/public/static/images/ohf-badge.svg b/public/static/images/ohf-badge.svg new file mode 100644 index 0000000000..bbe9a15613 --- /dev/null +++ b/public/static/images/ohf-badge.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/html/index.html.template b/src/html/index.html.template index 5a6316452d..94efb29c09 100644 --- a/src/html/index.html.template +++ b/src/html/index.html.template @@ -42,30 +42,39 @@ width: 112px; flex-shrink: 0; } - #ha-launch-screen .ha-launch-screen-spacer { + #ha-launch-screen .ha-launch-screen-spacer-top { flex: 1; + margin-top: calc( 2 * max(env(safe-area-inset-bottom), 48px) + 46px ); + padding-top: 48px; + } + #ha-launch-screen .ha-launch-screen-spacer-bottom { + flex: 1; + padding-top: 48px; } .ohf-logo { - color: grey; - font-size: 12px; - margin-bottom: 16px; + margin: max(env(safe-area-inset-bottom), 48px) 0; display: flex; flex-direction: column; align-items: center; + opacity: .66; + } + @media (prefers-color-scheme: dark) { + .ohf-logo { + filter: invert(1); + } }
-
+
-
+