diff --git a/src/components/Player/Status.jsx b/src/components/Player/Status.jsx index 27efaa6..6391db7 100644 --- a/src/components/Player/Status.jsx +++ b/src/components/Player/Status.jsx @@ -1,12 +1,7 @@ import { h } from 'preact' -const INITIAL_STATUS = { - stage: 'loading', - details: 'Loading...' -} - const fail = details => ( -
+

Error

{details.map(x => (

{x}

))}
@@ -21,10 +16,10 @@ const fail = details => ( ) const loading = details => ( -
+
{details.map(x => (
{x}
))}
) export default ({ stage, details }) => - ({fail, loading})[stage](details) + ({ fail, loading })[stage](details) diff --git a/src/style/base.css b/src/style/base.css index 1634444..bdad34e 100644 --- a/src/style/base.css +++ b/src/style/base.css @@ -35,9 +35,7 @@ html, body { } @media (min-width: 800px) { .app > main { - height: 90%; - max-height: 90%; - + margin: 5vh 0; max-width: 800px; } } diff --git a/src/style/views/PlayerView.css b/src/style/views/PlayerView.css index 3936a80..3b2190e 100644 --- a/src/style/views/PlayerView.css +++ b/src/style/views/PlayerView.css @@ -1,3 +1,10 @@ .app.play { height: 100%; } + +@media (min-width: 800px) { + .app.play main { + max-height: 90%; + margin: auto; + } +}