005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
26 lines
852 B
TypeScript
26 lines
852 B
TypeScript
import Card from '@mui/joy/Card';
|
|
import CardContent from '@mui/joy/CardContent';
|
|
import Skeleton from '@mui/joy/Skeleton';
|
|
|
|
export default function CommentSkeleton() {
|
|
return (
|
|
<Card
|
|
variant="outlined"
|
|
sx={{ width: 'max(400px, 60%)', borderRadius: 0, '--Card-radius': 0 }}
|
|
>
|
|
<CardContent orientation="horizontal">
|
|
<Skeleton variant="rectangular" width={44} height={44} />
|
|
<div>
|
|
<Skeleton variant="text" width={100} />
|
|
<Skeleton level="body-sm" variant="text" width={200} />
|
|
</div>
|
|
</CardContent>
|
|
<CardContent sx={{ gap: 0.5, mt: 1 }}>
|
|
<Skeleton level="body-xs" variant="text" width="92%" />
|
|
<Skeleton level="body-xs" variant="text" width="99%" />
|
|
<Skeleton level="body-xs" variant="text" width="96%" />
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|