@@ -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;
+ }
+}