diff options
| author |  Vitaly Takmazov | 2018-06-18 15:15:14 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2023-01-13 10:37:52 +0300 |
| commit | 2e6771c6a7b01fada5bd1792b33ba97a4438c01d (patch) | |
| tree | 5c76c8dedd4b51422fe676c66bbccf48ddd4dcc5 | |
| parent | 6e5362245826223c8141d50646f3b7368850f924 (diff) | |
content loader styling
| -rw-r--r-- | vnext/src/components/Spinner.js | 23 |
1 files changed, 8 insertions, 15 deletions
diff --git a/vnext/src/components/Spinner.js b/vnext/src/components/Spinner.js index e3d635f8..d5f3d561 100644 --- a/vnext/src/components/Spinner.js +++ b/vnext/src/components/Spinner.js @@ -6,25 +6,18 @@ export default function Spinner(props) { <ContentLoader height={160} speed={2} - primaryColor="#f3f3f3" + primaryColor="#f8f8f8" secondaryColor="#ecebeb" className="msg-cont" - style={centeredStyle} {...props} > - <rect x="40" y="6" rx="4" ry="4" width="117" height="6.4" /> - <rect x="40" y="20" rx="3" ry="3" width="85" height="6.4" /> - <rect x="0" y="60" rx="3" ry="3" width="350" height="6.4" /> - <rect x="0" y="78" rx="3" ry="3" width="380" height="6.4" /> - <rect x="0" y="96" rx="3" ry="3" width="201" height="6.4" /> - <rect x="0" y="0" rx="0" ry="0" width="32" height="32" /> + <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" /> + <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" /> + <rect x="0" y="60" rx="0" ry="0" width="340" height="6.4" /> + <rect x="0" y="78" rx="0" ry="0" width="340" height="6.4" /> + <rect x="0" y="96" rx="0" ry="0" width="201" height="6.4" /> + <rect x="0" y="0" rx="0" ry="0" width="48" height="48" /> + <rect x="0" y="120" rx="0" ry="0" width="340" height="1" /> </ContentLoader> ) -} - -const centeredStyle = { - background: '#fff', - display: 'flex', - justifyContent: 'center', - alignItems: 'center' }
\ No newline at end of file |