ptr.pet / untangled
csr tangled client in solid-js
15
Fork 3

Configure Feed

Select the types of activity you want to include in your feed.

fix repo metrics skeleton blocks causing layout shift, and add blocks to represent the numeric metrics

dawn (May 31, 2026, 1:49 PM +0300) 2a8358d0 f0aeead2

+10 -8
+10 -8
src/components/repo.tsx
··· 1189 1189 <Show 1190 1190 when={!isMetricsLoading()} 1191 1191 fallback={ 1192 - <div class="text-gray-400 text-sm font-mono inline-flex gap-4 mt-auto"> 1192 + <div class="text-gray-400 text-sm font-mono inline-flex items-center gap-3 mt-auto h-5"> 1193 1193 <SkeletonBlock class="h-4 w-16" /> 1194 - <SkeletonBlock class="h-4 w-12" /> 1195 - <SkeletonBlock class="h-4 w-12" /> 1196 - <SkeletonBlock class="h-4 w-12" /> 1194 + <SkeletonBlock class="h-4 w-4" /> 1195 + <SkeletonBlock class="h-4 w-8" /> 1196 + <SkeletonBlock class="h-4 w-6" /> 1197 1197 </div> 1198 1198 } 1199 1199 > 1200 - <div class="text-gray-400 text-sm font-mono inline-flex flex-wrap gap-4 mt-auto"> 1200 + <div class="text-gray-400 text-sm font-mono inline-flex flex-wrap gap-3 mt-auto"> 1201 1201 <Show when={resolvedLanguage()}> 1202 1202 <div class="flex gap-2 items-center text-sm"> 1203 1203 <span ··· 1303 1303 <SkeletonBlock class="h-4 w-2/3" /> 1304 1304 </div> 1305 1305 1306 - <div class="flex items-center gap-4 mt-3"> 1307 - <SkeletonBlock class="h-4 w-12" /> 1308 - <SkeletonBlock class="h-4 w-12" /> 1306 + <div class="flex items-center gap-3 mt-auto h-5"> 1307 + <SkeletonBlock class="h-4 w-16" /> 1308 + <SkeletonBlock class="h-4 w-4" /> 1309 + <SkeletonBlock class="h-4 w-8" /> 1310 + <SkeletonBlock class="h-4 w-6" /> 1309 1311 </div> 1310 1312 </div> 1311 1313 );