he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-05 01:17:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Linting

Browse source
This commit is contained in:
He4eT 2021-03-03 01:37:10 +05:00
commit 0f8d413708
3 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/Player/Status.jsx
View file

@ -1,12 +1,7 @@
import { h } from 'preact' import { h } from 'preact'
const INITIAL_STATUS = {
stage: 'loading',
details: 'Loading...'
}
const fail = details => ( const fail = details => (
<div class="status fail"> <div class='status fail'>
<h1>Error</h1> <h1>Error</h1>
{details.map(x => (<p>{x}</p>))} {details.map(x => (<p>{x}</p>))}
<hr /> <hr />
@ -21,10 +16,10 @@ const fail = details => (
) )
const loading = details => ( const loading = details => (
<div class="status loading"> <div class='status loading'>
{details.map(x => (<div>{x}</div>))} {details.map(x => (<div>{x}</div>))}
</div> </div>
) )
export default ({ stage, details }) => export default ({ stage, details }) =>
({fail, loading})[stage](details) ({ fail, loading })[stage](details)

4
src/style/base.css
View file

@ -35,9 +35,7 @@ html, body {
} }
@media (min-width: 800px) { @media (min-width: 800px) {
.app > main { .app > main {
height: 90%; margin: 5vh 0;
max-height: 90%;
max-width: 800px; max-width: 800px;
} }
} }

7
src/style/views/PlayerView.css
View file

@ -1,3 +1,10 @@
.app.play { .app.play {
height: 100%; height: 100%;
} }
@media (min-width: 800px) {
.app.play main {
max-height: 90%;
margin: auto;
}
}