diff options
author | Jari Vetoniemi <jari.vetoniemi@indooratlas.com> | 2020-11-06 09:01:46 +0900 |
---|---|---|
committer | Jari Vetoniemi <jari.vetoniemi@indooratlas.com> | 2020-11-06 09:01:46 +0900 |
commit | b45b4e9a4b3e66f7fd3c401059f2a3fe1b1f8f5b (patch) | |
tree | 352cdfbec4bfcf66f732e8e1597a3c97189c5363 | |
parent | 004b9f8ef382091ced9d01ba37632506b76ba715 (diff) |
Lighter StoreItemSkeleton
-rw-r--r-- | src/App.js | 24 |
1 files changed, 8 insertions, 16 deletions
@@ -7,7 +7,6 @@ import Autocomplete from '@material-ui/lab/Autocomplete'; import TextField from '@material-ui/core/TextField'; import red from '@material-ui/core/colors/red'; import CssBaseline from '@material-ui/core/CssBaseline'; -import Box from '@material-ui/core/Box'; import AppBar from '@material-ui/core/AppBar'; import Toolbar from '@material-ui/core/Toolbar'; import Typography from '@material-ui/core/Typography'; @@ -80,21 +79,14 @@ function StoreItemSkeleton(props) { return ( <Grow in={true}> <div className={props.className}> - <Box display="flex" alignItems="center"> - <Box margin={1}> - <Skeleton variant="circle"> - <Avatar/> - </Skeleton> - </Box> - <Box width="100%"> - <Skeleton width="100%"> - <Typography>.</Typography> - </Skeleton> - </Box> - </Box> - <Skeleton variant="rect" width="100%"> - <div style={{ paddingTop: '200px' }} /> - </Skeleton> + <div style={{display: 'flex', alignItems: 'center', height: 72, padding: 18}}> + <Skeleton variant='circle' width={48} height={48} style={{marginRight: 18}}/> + <div style={{width: '60%'}}> + <Skeleton width='100%'/> + <Skeleton width='100%'/> + </div> + </div> + <Skeleton variant='rect' width='100%' height={180}/> </div> </Grow> ); |