prehistoric-systems/security-checklist
1
0
Fork 0
mirror of https://github.com/brianlovin/security-checklist.git synced 2026-03-11 08:55:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix loading card margins

Browse source
This commit is contained in:
Brian Lovin 2019-01-13 12:18:28 -08:00
parent 357a1043f8
commit 1040e25f76
1 changed files with 65 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

128
components/LoadingChecklistItem/index.js
View file

@ -4,71 +4,73 @@ import { ShimmerInboxThread, ShimmerBase, ShimmerLine, Cover } from './style';
import Card from '../Card';
const LoadingChecklistItem = () => (
<Card>
<ShimmerInboxThread>
<ShimmerBase>
<ShimmerLine />
<Cover
style={{
top: '0',
left: '40px',
height: '40px',
width: '16px',
}}
/>
<Cover
style={{
top: '0',
left: '50%',
height: '40px',
width: '50%',
}}
/>
<div style={{ marginTop: '24px' }}>
<Card>
<ShimmerInboxThread>
<ShimmerBase>
<ShimmerLine />
<Cover
style={{
top: '0',
left: '40px',
height: '40px',
width: '16px',
}}
/>
<Cover
style={{
top: '0',
left: '50%',
height: '40px',
width: '50%',
}}
/>
<Cover
style={{
top: '20px',
left: '40px',
height: '8px',
width: '50%',
}}
/>
<Cover
style={{
top: '20px',
left: '40px',
height: '8px',
width: '50%',
}}
/>
<Cover
style={{
top: '40px',
left: '0',
height: '16px',
width: '100%',
}}
/>
<Cover
style={{
top: '40px',
left: '0',
height: '100%',
width: '48px',
}}
/>
<Cover
style={{
top: '72px',
left: '48px',
height: '8px',
width: '100%',
}}
/>
<Cover
style={{
top: '72px',
left: '35%',
height: '24px',
width: '100%',
}}
/>
</ShimmerBase>
</ShimmerInboxThread>
</Card>
<Cover
style={{
top: '40px',
left: '0',
height: '16px',
width: '100%',
}}
/>
<Cover
style={{
top: '40px',
left: '0',
height: '100%',
width: '48px',
}}
/>
<Cover
style={{
top: '72px',
left: '48px',
height: '8px',
width: '100%',
}}
/>
<Cover
style={{
top: '72px',
left: '35%',
height: '24px',
width: '100%',
}}
/>
</ShimmerBase>
</ShimmerInboxThread>
</Card>
</div>
);
export default LoadingChecklistItem;