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

Dirty markup

Browse source
This commit is contained in:
He4eT 2021-03-02 15:54:39 +05:00
commit 9f7ff097a2
3 changed files with 28 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -8,7 +8,17 @@
<title>IFPlayer</title>
</head>
<body>
<div id="root"></div>
<div id="root">
<div class="app">
<main>
<div class="status">
Loading...
</div>
</main>
</div>
</div>
<script src="./src/index.js"></script>
</body>
</html>

12
src/style/base.css
View file

@ -3,7 +3,10 @@
html, body {
margin: 0;
height: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 27px;
}
#root {
@ -19,9 +22,6 @@ html, body {
justify-content: center;
align-items: center;
font-size: 18px;
line-height: 27px;
background-color: var(--bg-color);
color: var(--main-color);
}
@ -62,6 +62,11 @@ ul {
list-style: square;
}
/* Status */
.status {
padding: 8px;
}
/* Dirty views */
/* Home */
@ -90,7 +95,6 @@ ul {
.view.home .play label {
display: inline-block;
margin-bottom: 16px;
width: 100%;
max-width: 400px;
}

11
src/views/HomeView.jsx
View file

@ -43,11 +43,14 @@ export default function ({ themeEngine }) {
<h3>
Interface theme
</h3>
<p>
<ThemeSelector {...{
themeEngine
}} />
<br /><br />
</p>
<p>
<small>
Themes without borders
are better suited for small screens.
@ -80,6 +83,7 @@ export default function ({ themeEngine }) {
<h3>
Play the game from a file
</h3>
<p>
<details>
<summary>Supported formats</summary>
@ -92,6 +96,7 @@ export default function ({ themeEngine }) {
</ul>
</details>
</p>
<p className='play'>
<label>
Local file: <br />
@ -100,7 +105,9 @@ export default function ({ themeEngine }) {
setTargetUrl
}} />
</label>
<br />
</p>
<p className='play'>
<label>
Direct link: <br />
<URLSelector {...{