a tool for shared writing and social publishing
update standardsitepostblock previews
Jared Pereira
(May 22, 2026, 3:16 PM EDT)
8f30c80f
d2674d38
+8
-8
+8
-8
components/Blocks/StandardSitePostBlock/StandardSitePostItem.tsx
+8
-8
components/Blocks/StandardSitePostBlock/StandardSitePostItem.tsx
···
94
94
if (size === "small") {
95
95
return (
96
96
<>
97
-
<div className="flex w-full grow flex-col gap-1 px-3 py-3">
97
+
<div className="flex w-full grow flex-col gap-1 px-3 py-2">
98
98
<div className="h-7 w-2/3 bg-border-light rounded animate-pulse" />
99
99
<div className="h-4 w-32 bg-border-light rounded animate-pulse" />
100
100
</div>
···
106
106
if (size === "medium") {
107
107
return (
108
108
<>
109
-
<div className="flex w-full gap-3 items-stretch sm:h-36">
110
-
<div className="flex w-full gap-2 grow flex-col justify-between min-w-0 pl-3 py-2">
111
-
<div className="flex flex-col gap-1.5">
109
+
<div className="flex w-full gap-3 items-stretch sm:min-h-36">
110
+
<div className="flex w-full gap-2 grow flex-col justify-between min-w-0 pl-3 pr-3 py-2">
111
+
<div className="flex flex-col gap-2">
112
112
<div className="h-7 w-2/3 bg-border-light rounded animate-pulse" />
113
113
<div className="h-4 w-full bg-border-light rounded animate-pulse" />
114
114
<div className="h-4 w-5/6 bg-border-light rounded animate-pulse" />
115
115
</div>
116
116
<div className="h-4 w-32 bg-border-light rounded animate-pulse" />
117
117
</div>
118
-
<div className="self-stretch shrink-0 aspect-square w-16 sm:w-36 bg-border-light rounded animate-pulse" />
118
+
<div className="self-start shrink-0 aspect-square w-16 sm:w-36 bg-border-light rounded animate-pulse" />
119
119
</div>
120
120
<hr className="last:hidden border-border-light" />
121
121
</>
···
129
129
className={`flex flex-col items-stretch ${widePage ? "sm:flex-row sm:gap-2 gap-0" : ""} w-full items-start`}
130
130
>
131
131
<div
132
-
className={`bg-border-light rounded animate-pulse aspect-[1.91/1] ${widePage ? "w-full sm:w-2/5 shrink-0" : "w-full"}`}
132
+
className={`bg-border-light rounded animate-pulse shrink-0 ${widePage ? "w-full sm:w-auto sm:h-[244px] aspect-[1.91/1]" : "w-full aspect-[1.91/1]"}`}
133
133
/>
134
134
<div
135
-
className={`flex w-full grow flex-col gap-2 justify-between ${widePage ? "px-3 py-3 " : "px-3 py-3"}`}
135
+
className={`flex w-full grow flex-col gap-2 justify-between px-3 py-2 ${widePage ? "sm:pb-3" : ""}`}
136
136
>
137
-
<div className="flex flex-col gap-1.5">
137
+
<div className="flex flex-col gap-2">
138
138
<div
139
139
className={`h-7 w-2/3 bg-border-light rounded animate-pulse ${widePage ? "sm:h-8" : ""}`}
140
140
/>