From a18036eed46308486046de73cf627d7e0c6e9157 Mon Sep 17 00:00:00 2001 From: Qstick Date: Sat, 16 Jan 2021 23:15:42 -0500 Subject: [PATCH] Add Logo to the Loading Screen for.... clarity --- frontend/src/Components/Loading/LoadingMessage.css | 2 +- frontend/src/Components/Loading/LoadingMessage.js | 2 +- frontend/src/Components/Page/LoadingPage.css | 8 ++++++++ frontend/src/Components/Page/LoadingPage.js | 6 ++++++ 4 files changed, 16 insertions(+), 2 deletions(-) diff --git a/frontend/src/Components/Loading/LoadingMessage.css b/frontend/src/Components/Loading/LoadingMessage.css index a7b39e76f..528970ea7 100644 --- a/frontend/src/Components/Loading/LoadingMessage.css +++ b/frontend/src/Components/Loading/LoadingMessage.css @@ -1,5 +1,5 @@ .loadingMessage { - margin: 50px 10px 0; + margin: 10px 10px 0; text-align: center; font-weight: 300; font-size: 36px; diff --git a/frontend/src/Components/Loading/LoadingMessage.js b/frontend/src/Components/Loading/LoadingMessage.js index 3c9d7a738..7aec60e8d 100644 --- a/frontend/src/Components/Loading/LoadingMessage.js +++ b/frontend/src/Components/Loading/LoadingMessage.js @@ -12,7 +12,7 @@ const messages = [ 'Hum something loud while others stare', 'Loading humorous message... Please Wait', 'I could\'ve been faster in Python', - 'Don\'t forget to rewind your tracks', + 'Don\'t forget to rewind your movies', 'Congratulations! you are the 1000th visitor.', 'HELP! I\'m being held hostage and forced to write these stupid lines!', 'RE-calibrating the internet...', diff --git a/frontend/src/Components/Page/LoadingPage.css b/frontend/src/Components/Page/LoadingPage.css index fc782dc0c..337f77f1a 100644 --- a/frontend/src/Components/Page/LoadingPage.css +++ b/frontend/src/Components/Page/LoadingPage.css @@ -1,3 +1,11 @@ .page { composes: page from '~./Page.css'; } + +.logoFull { + margin-top: 50px; + margin-right: auto; + margin-left: auto; + width: 120px; + height: 40px; +} diff --git a/frontend/src/Components/Page/LoadingPage.js b/frontend/src/Components/Page/LoadingPage.js index 398b70c4b..1c330c7bf 100644 --- a/frontend/src/Components/Page/LoadingPage.js +++ b/frontend/src/Components/Page/LoadingPage.js @@ -3,9 +3,15 @@ import LoadingIndicator from 'Components/Loading/LoadingIndicator'; import LoadingMessage from 'Components/Loading/LoadingMessage'; import styles from './LoadingPage.css'; +const radarrLogo = 'data:image/png;base64,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'; + function LoadingPage() { return (
+