mirror of
https://github.com/hzrd149/nostrudel.git
synced 2025-09-21 14:09:17 +02:00
small channels layout fix
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import { useCallback } from "react";
|
import { useCallback } from "react";
|
||||||
import { kinds } from "nostr-tools";
|
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 useTimelineLoader from "../../hooks/use-timeline-loader";
|
||||||
import useSubject from "../../hooks/use-subject";
|
import useSubject from "../../hooks/use-subject";
|
||||||
@@ -43,11 +43,13 @@ function ChannelsHomePage() {
|
|||||||
<PeopleListSelection />
|
<PeopleListSelection />
|
||||||
</Flex>
|
</Flex>
|
||||||
<IntersectionObserverProvider callback={callback}>
|
<IntersectionObserverProvider callback={callback}>
|
||||||
{channels.map((channel) => (
|
<SimpleGrid columns={{ base: 1, xl: 2 }} spacing="2">
|
||||||
<ErrorBoundary key={channel.id}>
|
{channels.map((channel) => (
|
||||||
<ChannelCard channel={channel} additionalRelays={relays} />
|
<ErrorBoundary key={channel.id}>
|
||||||
</ErrorBoundary>
|
<ChannelCard channel={channel} additionalRelays={relays} />
|
||||||
))}
|
</ErrorBoundary>
|
||||||
|
))}
|
||||||
|
</SimpleGrid>
|
||||||
</IntersectionObserverProvider>
|
</IntersectionObserverProvider>
|
||||||
</VerticalPageLayout>
|
</VerticalPageLayout>
|
||||||
);
|
);
|
||||||
|
Reference in New Issue
Block a user