From 9f7ff097a2305349653a4f59a8db2c70f9f21352 Mon Sep 17 00:00:00 2001 From: He4eT Date: Tue, 2 Mar 2021 15:54:39 +0500 Subject: [PATCH] Dirty markup --- index.html | 12 +++++++++++- src/style/base.css | 12 ++++++++---- src/views/HomeView.jsx | 11 +++++++++-- 3 files changed, 28 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index bcf7d14..5e04d08 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,17 @@ IFPlayer -
+
+ +
+
+
+ Loading... +
+
+
+ +
diff --git a/src/style/base.css b/src/style/base.css index 2bccfa0..d21f9fb 100644 --- a/src/style/base.css +++ b/src/style/base.css @@ -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; } diff --git a/src/views/HomeView.jsx b/src/views/HomeView.jsx index 73d2249..42d8bae 100644 --- a/src/views/HomeView.jsx +++ b/src/views/HomeView.jsx @@ -43,11 +43,14 @@ export default function ({ themeEngine }) {

Interface theme

+

-

+

+ +

Themes without borders are better suited for small screens. @@ -80,6 +83,7 @@ export default function ({ themeEngine }) {

Play the game from a file

+

Supported formats @@ -92,6 +96,7 @@ export default function ({ themeEngine }) {

+

-
+

+ +