open-source-mirrors
/
Readarr
mirror of https://github.com/Readarr/Readarr
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

New: Added logo to loading page

Browse Source
pull/960/head
Robin Dadswell 4 years ago committed by ta264
parent 6fa56b8873
commit f6e87858a8
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File

9
frontend/src/Components/Page/LoadingPage.css
Unescape View File

@ -1,3 +1,12 @@
.page { .page {
composes: page from '~./Page.css'; composes: page from '~./Page.css';
} }
.logoFull {
margin-top: 50px;
margin-right: auto;
margin-left: auto;
width: 48px;
height: 48px;
opacity: 0.75;
}

6
frontend/src/Components/Page/LoadingPage.js
Unescape View File

@ -3,9 +3,15 @@ import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import LoadingMessage from 'Components/Loading/LoadingMessage'; import LoadingMessage from 'Components/Loading/LoadingMessage';
import styles from './LoadingPage.css'; 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() { function LoadingPage() {
return ( return (
<div className={styles.page}> <div className={styles.page}>
<img
className={styles.logoFull}
src={readarrLogo}
/>
<LoadingMessage /> <LoadingMessage />
<LoadingIndicator /> <LoadingIndicator />
</div> </div>

Write Preview
Loading…
Cancel
Save