CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

Improve list item skeleton on desktop

Browse source
This commit is contained in:
Max Leiter 2023-02-21 23:48:34 -08:00
parent 9a811e85b5
commit e21d896669
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/app/components/post-list/list-item-skeleton.tsx
View file

@ -5,7 +5,8 @@ import Skeleton from "@components/skeleton"
export const ListItemSkeleton = () => ( export const ListItemSkeleton = () => (
<li> <li>
<Card style={{ overflowY: "scroll" }}> <Card style={{ overflowY: "scroll" }}>
<div style={{ display: "flex", gap: 16 }}> {/* TODO: this is a bad way to do skeletons and is onlya ccurate on desktop */}
<div style={{ display: "flex", gap: 16, marginBottom: 14 }}>
<div className={styles.title}> <div className={styles.title}>
{/* title */} {/* title */}
<Skeleton width={80} height={32} /> <Skeleton width={80} height={32} />