From b9a52175fdaacc4094a9ffd389ccded4bb016f82 Mon Sep 17 00:00:00 2001 From: danbulant Date: Sat, 15 Feb 2020 21:48:44 +0100 Subject: [PATCH] Move to static as file-loader wasn't working correctly --- client/src/renderers/styles/welcome.css | 10 ++++++++++ client/src/renderers/welcome.ts | 5 ++--- .../images/backgrounds/nightTime.jpg | Bin 3 files changed, 12 insertions(+), 3 deletions(-) create mode 100644 client/src/renderers/styles/welcome.css rename client/{src/renderers => static}/images/backgrounds/nightTime.jpg (100%) diff --git a/client/src/renderers/styles/welcome.css b/client/src/renderers/styles/welcome.css new file mode 100644 index 0000000..aa67673 --- /dev/null +++ b/client/src/renderers/styles/welcome.css @@ -0,0 +1,10 @@ +.welcome-page { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + + background: url("/static/images/backgrounds/nightTime.jpg"); + background-size: cover; +} \ No newline at end of file diff --git a/client/src/renderers/welcome.ts b/client/src/renderers/welcome.ts index 4b7410f..29cdf19 100644 --- a/client/src/renderers/welcome.ts +++ b/client/src/renderers/welcome.ts @@ -1,6 +1,6 @@ import RenderDef from '../defs/renderer'; import RenderStates from '../defs/renderStates'; -import Background from './images/backgrounds/nightTime.jpg'; +import './styles/welcome.css'; class Welcome implements RenderDef { name = "welcome"; @@ -17,9 +17,8 @@ class Welcome implements RenderDef { async prepare(){ this.element = document.createElement("div"); var el = this.element;//LAZYNESS - el.className = "welcome-page"; + el.className = "welcome-page"; - el.style.background = Background; this.state = RenderStates.Ready; } eject(){ diff --git a/client/src/renderers/images/backgrounds/nightTime.jpg b/client/static/images/backgrounds/nightTime.jpg similarity index 100% rename from client/src/renderers/images/backgrounds/nightTime.jpg rename to client/static/images/backgrounds/nightTime.jpg