nandi.uk / semble
This repository has no description
0
Fork 0

Configure Feed

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

feat: more accurate collections nav list skeleton

author
pdelfan date (May 22, 2026, 1:23 AM -0700) commit 50533d7e parent d9506fd4
+8 -11
+5 -8
src/webapp/components/navigation/navbar/Skeleton.Navbar.tsx
··· 16 16 17 17 import SembleLogo from '@/assets/semble-logo.svg'; 18 18 import NavbarToggle from '../NavbarToggle'; 19 + import CollectionsNavListSkeleton from '@/features/collections/components/collectionsNavList/Skeleton.CollectionsNavList'; 19 20 20 21 export default function NavbarSkeleton() { 21 22 return ( ··· 35 36 </Group> 36 37 37 38 <AppShellSection grow component={ScrollArea}> 38 - <Stack mt={'xl'}> 39 + <Stack gap={'md'} mt={'xl'}> 39 40 {/* Profile Menu Skeleton */} 40 41 <Group gap="sm" m={5} wrap="nowrap"> 41 42 <Skeleton h={38} w={38} /> ··· 43 44 </Group> 44 45 45 46 {/* Nav Items Skeleton */} 46 - <Stack gap={5} mt="xs"> 47 + <Stack gap={5}> 47 48 {[...Array(6)].map((_, i) => ( 48 49 <Skeleton key={i} height={40} radius="md" /> 49 50 ))} 50 51 </Stack> 51 52 </Stack> 52 53 53 - <Divider my={'sm'} /> 54 + <Divider mb={'sm'} mt={'18'} /> 54 55 55 56 {/* Collections List Skeleton */} 56 - <Stack gap={5}> 57 - {[...Array(3)].map((_, i) => ( 58 - <Skeleton key={i} height={36} radius="md" /> 59 - ))} 60 - </Stack> 57 + <CollectionsNavListSkeleton /> 61 58 </AppShellSection> 62 59 63 60 <AppShellSection>
+3 -3
src/webapp/features/collections/components/collectionsNavList/Skeleton.CollectionsNavList.tsx
··· 4 4 return ( 5 5 <Stack gap={'xs'}> 6 6 <Group justify="space-between"> 7 - <Text fw={600} c={'gray'}> 7 + <Text fw={600} fz={'sm'} c={'gray'}> 8 8 Collections 9 9 </Text> 10 10 11 11 <Group gap={'xs'}> 12 - <Skeleton radius={'xl'} h={26} w={73} /> 13 - <Skeleton radius={'xl'} h={26} w={26} /> 12 + <Skeleton radius={'xl'} h={30} w={73} /> 13 + <Skeleton radius={'xl'} h={30} w={26} /> 14 14 </Group> 15 15 </Group> 16 16