gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: update the progress loader

Browse Source
This commit is contained in:
Mrugesh Mohapatra
2019-02-27 17:15:27 +05:30
committed by Stuart Taylor
parent d2387023f5
commit a3773d7c3a
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/helpers/Loader.js
View File

@ -7,7 +7,7 @@ import './loader.css';
function Loader({ fullScreen }) {
return (
<div className={fullScreen ? 'full-screen-wrapper' : ''}>
<Spinner name='ball-clip-rotate-multiple' />
<Spinner name='line-scale-pulse-out' />
</div>
);
}

10
client/src/components/helpers/__snapshots__/Loader.test.js.snap
View File

@ -5,10 +5,13 @@ exports[`<Loader /> matches the fullScreen render snapshot 1`] = `
class="full-screen-wrapper"
>
<div
class="sk-fade-in sk-spinner ball-clip-rotate-multiple"
class="sk-fade-in sk-spinner line-scale-pulse-out"
>
<div />
<div />
<div />
<div />
<div />
</div>
</div>
`;
@ -18,10 +21,13 @@ exports[`<Loader /> matches to the default render snapshot 1`] = `
class=""
>
<div
class="sk-fade-in sk-spinner ball-clip-rotate-multiple"
class="sk-fade-in sk-spinner line-scale-pulse-out"
>
<div />
<div />
<div />
<div />
<div />
</div>
</div>
`;

4
client/src/components/helpers/loader.css
View File

@ -7,6 +7,6 @@
}
.full-screen-wrapper .sk-spinner {
transform: scale(8);
transform: scale(2);
color: #006400;
}
}