mirror of https://github.com/MaxLeiter/Drift
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
587 B
TypeScript
26 lines
587 B
TypeScript
import Card from "@components/card"
|
|
import Skeleton from "@components/skeleton"
|
|
import { Divider, Grid, Spacer } from "@geist-ui/core/dist"
|
|
|
|
const ListItemSkeleton = () => (
|
|
<Card>
|
|
<Spacer height={1 / 2} />
|
|
<Grid.Container justify={"space-between"} marginBottom={1 / 2}>
|
|
<Grid xs={8} paddingLeft={1 / 2}>
|
|
<Skeleton width={150} />
|
|
</Grid>
|
|
<Grid xs={7}>
|
|
<Skeleton width={100} />
|
|
</Grid>
|
|
<Grid xs={4}>
|
|
<Skeleton width={70} />
|
|
</Grid>
|
|
</Grid.Container>
|
|
|
|
<Divider h="1px" my={0} />
|
|
<Skeleton width={200} />
|
|
</Card>
|
|
)
|
|
|
|
export default ListItemSkeleton
|