aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-06-18 15:15:14 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:52 +0300
commit2e6771c6a7b01fada5bd1792b33ba97a4438c01d (patch)
tree5c76c8dedd4b51422fe676c66bbccf48ddd4dcc5 /vnext/src/components
parent6e5362245826223c8141d50646f3b7368850f924 (diff)
content loader styling
Diffstat (limited to 'vnext/src/components')
-rw-r--r--vnext/src/components/Spinner.js23
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