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> <title>IFPlayer</title>
</head> </head>
<body> <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> <script src="./src/index.js"></script>
</body> </body>
</html> </html>

12
src/style/base.css
View file

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

11
src/views/HomeView.jsx
View file

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