Updated styling of loading indicator in list

• Updated:
- styling of loading indicator in list so its the same height as LoadMore
This commit is contained in:
mgabdev 2020-05-21 15:32:21 -04:00
parent df1ddd8a45
commit 2e75cb6f7c
3 changed files with 3 additions and 5 deletions

View File

@ -31,7 +31,7 @@ class ColumnIndicator extends PureComponent {
return (
<div className={[_s.default, _s.width100PC, _s.justifyContentCenter, _s.alignItemsCenter, _s.py15].join(' ')}>
<Icon id={type} size='44px' />
<Icon id={type} size='36px' />
{
type !== 'loading' &&
<Text

View File

@ -35,7 +35,7 @@ class LoadMore extends PureComponent {
if (!visible || disabled) return null
return (
<div className={[_s.default, _s.py10, _s.px10].join(' ')}>
<div className={[_s.default, _s.py15, _s.px10].join(' ')}>
<Button
isBlock
radiusSmall

View File

@ -256,9 +256,7 @@ export default class ScrollableList extends PureComponent {
{loadMore}
{
isLoading &&
<div className={[_s.default, _s.alignItemsCenter].join(' ')}>
<Icon id='loading' />
</div>
<ColumnIndicator type='loading' />
}
</div>
</div>