Improve list item skeleton on desktop

3 years ago · e21d896669
parent 9a811e85b5
commit e21d896669
1 changed files with 2 additions and 1 deletions
--- a/src/app/components/post-list/list-item-skeleton.tsx
+++ b/src/app/components/post-list/list-item-skeleton.tsx
@ -5,7 +5,8 @@ import Skeleton from "@components/skeleton"
 export const ListItemSkeleton = () => (
 	<li>
 		<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}>
 					{/* title */}
 					<Skeleton width={80} height={32} />