highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-01 00:19:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

small channels layout fix

Browse Source
This commit is contained in:
hzrd149 2024-04-18 09:18:56 -05:00
parent e09a9a4dbe
commit d3c307c1af
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/channels/index.tsx
View File

@ -1,6 +1,6 @@
import { useCallback } from "react";
import { kinds } from "nostr-tools";
import { Flex } from "@chakra-ui/react";
import { Flex, SimpleGrid } from "@chakra-ui/react";
import useTimelineLoader from "../../hooks/use-timeline-loader";
import useSubject from "../../hooks/use-subject";
@ -43,11 +43,13 @@ function ChannelsHomePage() {
<PeopleListSelection />
</Flex>
<IntersectionObserverProvider callback={callback}>
{channels.map((channel) => (
<ErrorBoundary key={channel.id}>
<ChannelCard channel={channel} additionalRelays={relays} />
</ErrorBoundary>
))}
<SimpleGrid columns={{ base: 1, xl: 2 }} spacing="2">
{channels.map((channel) => (
<ErrorBoundary key={channel.id}>
<ChannelCard channel={channel} additionalRelays={relays} />
</ErrorBoundary>
))}
</SimpleGrid>
</IntersectionObserverProvider>
</VerticalPageLayout>
);