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

increase min height of note overlay

Browse Source
This commit is contained in:
hzrd149 2023-04-10 08:23:53 -05:00
parent c6a4f96cd3
commit 06f8e5952a
6 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/quiet-singers-cross.md Normal file
View File

@ -0,0 +1,5 @@
---
"nostrudel": patch
---
Increase min height of note before showing expandable overlay

2
src/views/home/discover-tab.tsx
View File

@ -80,7 +80,7 @@ export default function DiscoverTab() {
return ( return (
<Flex direction="column" gap="2"> <Flex direction="column" gap="2">
{timeline.map((event) => ( {timeline.map((event) => (
<Note key={event.id} event={event} maxHeight={300} /> <Note key={event.id} event={event} maxHeight={600} />
))} ))}
{loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>} {loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>}
</Flex> </Flex>

2
src/views/home/following-tab.tsx
View File

@ -44,7 +44,7 @@ export default function FollowingTab() {
<Switch id="show-replies" isChecked={showReplies} onChange={onToggle} /> <Switch id="show-replies" isChecked={showReplies} onChange={onToggle} />
</FormControl> </FormControl>
{timeline.map((event) => ( {timeline.map((event) => (
<Note key={event.id} event={event} maxHeight={300} /> <Note key={event.id} event={event} maxHeight={600} />
))} ))}
{loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>} {loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>}
</Flex> </Flex>

2
src/views/home/global-tab.tsx
View File

@ -57,7 +57,7 @@ export default function GlobalTab() {
</FormControl> </FormControl>
</Flex> </Flex>
{timeline.map((event) => ( {timeline.map((event) => (
<Note key={event.id} event={event} maxHeight={300} /> <Note key={event.id} event={event} maxHeight={600} />
))} ))}
{loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>} {loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>}
</Flex> </Flex>

2
src/views/user/notes.tsx
View File

@ -76,7 +76,7 @@ const UserNotesTab = () => {
</Popover> </Popover>
</FormControl> </FormControl>
{timeline.map((event) => ( {timeline.map((event) => (
<Note key={event.id} event={event} maxHeight={300} /> <Note key={event.id} event={event} maxHeight={1200} />
))} ))}
{loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>} {loading ? <Spinner ml="auto" mr="auto" mt="8" mb="8" /> : <Button onClick={() => loadMore()}>Load More</Button>}
</Flex> </Flex>

4
src/views/user/relays.tsx
View File

@ -17,7 +17,9 @@ const UserRelaysTab = () => {
<Flex direction="column" gap="2"> <Flex direction="column" gap="2">
{ranked.map((relayConfig) => ( {ranked.map((relayConfig) => (
<Box key={relayConfig.url} display="flex" gap="2" alignItems="center" pr="2" pl="2"> <Box key={relayConfig.url} display="flex" gap="2" alignItems="center" pr="2" pl="2">
<Text flex={1}>{relayConfig.url}</Text> <Text flex={1} isTruncated>
{relayConfig.url}
</Text>
<RelayScoreBreakdown relay={relayConfig.url} /> <RelayScoreBreakdown relay={relayConfig.url} />
{relayConfig.mode & RelayMode.WRITE ? <Badge colorScheme="green">Write</Badge> : null} {relayConfig.mode & RelayMode.WRITE ? <Badge colorScheme="green">Write</Badge> : null}
{relayConfig.mode & RelayMode.READ ? <Badge>Read</Badge> : null} {relayConfig.mode & RelayMode.READ ? <Badge>Read</Badge> : null}