From f6e87858a8ba46ea24ed12f24cfffd511a04812f Mon Sep 17 00:00:00 2001 From: Robin Dadswell <19610103+RobinDadswell@users.noreply.github.com> Date: Tue, 6 Apr 2021 21:11:03 +0100 Subject: [PATCH] New: Added logo to loading page --- frontend/src/Components/Page/LoadingPage.css | 9 +++++++++ frontend/src/Components/Page/LoadingPage.js | 6 ++++++ 2 files changed, 15 insertions(+) diff --git a/frontend/src/Components/Page/LoadingPage.css b/frontend/src/Components/Page/LoadingPage.css index fc782dc0c..31f293f62 100644 --- a/frontend/src/Components/Page/LoadingPage.css +++ b/frontend/src/Components/Page/LoadingPage.css @@ -1,3 +1,12 @@ .page { composes: page from '~./Page.css'; } + +.logoFull { + margin-top: 50px; + margin-right: auto; + margin-left: auto; + width: 48px; + height: 48px; + opacity: 0.75; +} diff --git a/frontend/src/Components/Page/LoadingPage.js b/frontend/src/Components/Page/LoadingPage.js index 398b70c4b..4aa31aabd 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 readarrLogo = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPCEtLSBDcmVhdGVkIHdpdGggTWV0aG9kIERyYXcgLSBodHRwOi8vZ2l0aHViLmNvbS9kdW9waXhlbC9NZXRob2QtRHJhdy8gLS0+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IHg9Ii0xIiB5PSItMSIgd2lkdGg9IjEwMjYiIGhlaWdodD0iMTAyNiIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIi8+CiAgPGcgaWQ9ImNhbnZhc0dyaWQiIGRpc3BsYXk9Im5vbmUiPgogICA8cmVjdCBpZD0ic3ZnXzEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0idXJsKCNncmlkcGF0dGVybikiLz4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGVsbGlwc2UgZmlsbD0iI2VlZWVlZSIgc3Ryb2tlPSIjNDQzYzNjIiBzdHJva2Utd2lkdGg9IjEuNSIgY3g9IjUxMiIgY3k9IjUxMiIgaWQ9InN2Z18yIiByeD0iNTEwIiByeT0iNTEwIi8+CiAgPGVsbGlwc2UgZmlsbD0iIzQ0M2MzYyIgc3Ryb2tlLXdpZHRoPSIxLjUiIGN4PSI1MTIiIGN5PSI1MTIiIGlkPSJzdmdfMTEiIHJ4PSI0NDAiIHJ5PSI0NDAiIHN0cm9rZT0iIzQ0M2MzYyIvPgogIDxlbGxpcHNlIGZpbGw9IiM4ZTIyMjIiIHN0cm9rZS13aWR0aD0iMS41IiBjeD0iNTEyIiBjeT0iNTEyIiBpZD0ic3ZnXzEyIiByeD0iMzg3IiByeT0iMzg3IiBzdHJva2U9IiM0NDNjM2MiLz4KICA8ZWxsaXBzZSBmaWxsPSIjZWVlZWVlIiBzdHJva2U9IiM4ZTIyMjIiIHN0cm9rZS13aWR0aD0iMS41IiBjeD0iNTEyIiBjeT0iNTEyIiBpZD0ic3ZnXzEzIiByeD0iMzc4IiByeT0iMzc4Ii8+CiAgPGVsbGlwc2UgZmlsbD0iIzQ0M2MzYyIgc3Ryb2tlPSIjNDQzYzNjIiBzdHJva2Utd2lkdGg9IjEuNSIgY3g9IjUxMC42NjY2NjciIGN5PSI1MTMuMzMzMzMzIiBpZD0ic3ZnXzE0IiByeD0iMjY1IiByeT0iMjY1Ii8+CiAgPHBhdGggc3Ryb2tlPSIjOGUyMjIyIiBmaWxsPSIjZWVlZWVlIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMTc1LjcxMDA1Myw2ODEuMjM3MjIxYzAsMCAtNS4wNzU2MDMsLTM1Ni4wMDcwNjYgLTUuNzEwMDQ2LC0zNTYuNjY1NTA2YzAuNjM0NDQ0LC01My4xMDU5IDE3LjQ5OTgyOSwtNDcuODI5Mzk2IDMwLjQ1MzYxNiwtNDkuNDA1MDZjMTk4LjU4Mjk4NSwxMC44MzAwNjUgMjcwLjkxMDMyOCw3MS4yNTE2NDQgMjc1LjM1MTQ4Nyw3My40OTkzNzhjMTMuMzIzNDU5LDUuMDE3NzE4IDIwLjkzNjg1NCwzMS43ODE1NDcgMjAuMzAyNDExLDMxLjEyMzEwOGMwLjYzNDQ0NCwwLjY1ODQzOSA0LjQ0MTE1OSw0MjAuNjAxNDcgMy44MDY2OTcsNDE5Ljk0MzAzMWMzLjE3MjI3MiwyMi40NTQ3NzggLTEzLjMyMzQ1OSwyMS4wMDE2OTEgLTEzLjk1NzkwMywyMC4zNDMyNTFjLTEyNC45ODY3MzcsLTk4LjE1MTY4MSAtMjk3LjU1NzI2NCwtMTIyLjg1NDIxMSAtMjk4LjE5MTcwOCwtMTIzLjUxMjY1MWMtMTIuMDU0NTU0LC0wLjc5NDY0NyAtMTIuMDU0NTU0LC0xNS4zMjU1NTIgLTEyLjA1NDU1NCwtMTUuMzI1NTUyeiIgaWQ9InN2Z18zIi8+CiAgPHBhdGggc3Ryb2tlPSIjOGUyMjIyIiBmaWxsPSIjZWVlZWVlIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtODQ1Ljc4OTE1Nyw2ODIuMDYzNjM3YzAsMCA1LjA3NjAyOCwtMzU2Ljg3NzcwNCA1LjcxMDU1NSwtMzU3LjUzNzc1OWMtMC42MzQ1MDgsLTUzLjIzNTc3NCAtMTcuNTAxMzUxLC00Ny45NDYzNjIgLTMwLjQ1NjI0NCwtNDkuNTI1ODc3Yy0xOTguNjAwMDMxLDEwLjg1NjU1MSAtMjcwLjkzMzU4Myw3MS40MjU4OTUgLTI3NS4zNzUxMjIsNzMuNjc5MTIyYy0xMy4zMjQ1OTcsNS4wMjk5ODcgLTIwLjkzODY0OSwzMS44NTkyNyAtMjAuMzA0MTUsMzEuMTk5MjI1Yy0wLjYzNDQ5OSwwLjY2MDA0NSAtNC40NDE1MzksNDIxLjYzMDA3NCAtMy44MDcwMjEsNDIwLjk3MDAyOWMtMy4xNzI1MjIsMjIuNTA5Njg4IDEzLjMyNDU5NywyMS4wNTMwNDcgMTMuOTU5MTA2LDIwLjM5MzAwMmMxMjQuOTk3NDQzLC05OC4zOTE3MTkgMjk3LjU4Mjc3OCwtMTIzLjE1NDY2MiAyOTguMjE3Mjg2LC0xMjMuODE0NzA4YzEyLjA1NTU5LC0wLjc5NjU5NiAxMi4wNTU1OSwtMTUuMzYzMDM0IDEyLjA1NTU5LC0xNS4zNjMwMzR6IiBpZD0ic3ZnXzQiLz4KICA8cGF0aCBzdHJva2U9IiM4ZTIyMjIiIGZpbGw9IiM4ZTIyMjIiIHN0cm9rZS13aWR0aD0iNSIgZD0ibTE3My4xMzU1OCw3MzguNTcwNTUyYzAsMCAtNS4xNTc1NSwtMzU2LjAwNzA3NCAtNS44MDIyNCwtMzU2LjY2NTUwOGMwLjY0NDY5LC01My4xMDU5IDE3Ljc4MjM4LC00Ny44Mjk0IDMwLjk0NTMyLC00OS40MDUwNjVjMjAxLjc4OTMxLDEwLjgzMDA2NCAyNzUuMjg0NDUsNzEuMjUxNjUgMjc5Ljc5NzMyLDczLjQ5OTM3NmMxMy41Mzg1OCw1LjAxNzcyMyAyMS4yNzQ5LDMxLjc4MTU0NyAyMC42MzAyMSwzMS4xMjMxMTNjMC42NDQ2OSwwLjY1ODQzNCA0LjUxMjg3LDQyMC42MDE0ODIgMy44NjgxNiw0MTkuOTQzMDM4YzMuMjIzNDksMjIuNDU0NzgyIC0xMy41Mzg1OCwyMS4wMDE2OTMgLTE0LjE4MzI3LDIwLjM0MzI1OGMtMTI3LjAwNDc3LC05OC4xNTE2ODYgLTMwMi4zNjE2MywtMTIyLjg1NDIxNCAtMzAzLjAwNjMxLC0xMjMuNTEyNjU4Yy0xMi4yNDkxOSwtMC43OTQ2NDYgLTEyLjI0OTE5LC0xNS4zMjU1NTQgLTEyLjI0OTE5LC0xNS4zMjU1NTR6IiBpZD0ic3ZnXzUiLz4KICA8cGF0aCBzdHJva2U9IiM4ZTIyMjIiIGZpbGw9IiM4ZTIyMjIiIHN0cm9rZS13aWR0aD0iNSIgZD0ibTg0OC4zNjM2NCw3MzkuMDYzNjUxYzAsMCA1LjE1Nzk4LC0zNTYuODc3NjkzIDUuODAyNzYsLTM1Ny41Mzc3NDdjLTAuNjQ0NzYsLTUzLjIzNTc2NiAtMTcuNzgzOTEsLTQ3Ljk0NjM1NiAtMzAuOTQ3OTYsLTQ5LjUyNTg3MWMtMjAxLjgwNjM2LDEwLjg1NjU1MiAtMjc1LjMwNzcxLDcxLjQyNTg5NCAtMjc5LjgyMDk2LDczLjY3OTEyYy0xMy41Mzk3Miw1LjAyOTk4MyAtMjEuMjc2NywzMS44NTkyNjUgLTIwLjYzMTk1LDMxLjE5OTIyMWMtMC42NDQ3NSwwLjY2MDA0NCAtNC41MTMyNSw0MjEuNjMwMDU1IC0zLjg2ODQ5LDQyMC45NzAwMTFjLTMuMjIzNzQsMjIuNTA5NjkxIDEzLjUzOTcyLDIxLjA1MzA0MSAxNC4xODQ0NywyMC4zOTI5OTdjMTI3LjAxNTQ5LC05OC4zOTE3MDggMzAyLjM4NzE2LC0xMjMuMTU0NjUzIDMwMy4wMzE5MSwtMTIzLjgxNDY5N2MxMi4yNTAyMiwtMC43OTY1OTYgMTIuMjUwMjIsLTE1LjM2MzAzMyAxMi4yNTAyMiwtMTUuMzYzMDMzeiIgaWQ9InN2Z182Ii8+CiA8L2c+Cjwvc3ZnPg=='; + function LoadingPage() { return (
+