Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweak compact layout a little bit more

Browse Source
This commit is contained in:
Athou
2023-04-27 07:30:43 +02:00
parent 5cd3787d6f
commit 9ccc26b0b0
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
commafeed-client/src/components/content/FeedEntry.tsx
View File

@@ -66,9 +66,12 @@ export function FeedEntry(props: FeedEntryProps) {
const { onContextMenu } = useFeedEntryContextMenu(props.entry) const { onContextMenu } = useFeedEntryContextMenu(props.entry)
let padding: MantineNumberSize = "xs" let paddingX: MantineNumberSize = "xs"
if (viewMode === "title") padding = 4 if (viewMode === "title" || viewMode === "cozy") paddingX = 6
else if (viewMode === "cozy") padding = 8
let paddingY: MantineNumberSize = "xs"
if (viewMode === "title") paddingY = 4
else if (viewMode === "cozy") paddingY = 8
let borderRadius: MantineNumberSize = "sm" let borderRadius: MantineNumberSize = "sm"
if (viewMode === "title") borderRadius = 0 if (viewMode === "title") borderRadius = 0
@@ -86,17 +89,17 @@ export function FeedEntry(props: FeedEntryProps) {
onAuxClick={props.onHeaderClick} onAuxClick={props.onHeaderClick}
onContextMenu={onContextMenu} onContextMenu={onContextMenu}
> >
<Box p={padding} {...swipeHandlers}> <Box px={paddingX} py={paddingY} {...swipeHandlers}>
{compactHeader && <FeedEntryCompactHeader entry={props.entry} />} {compactHeader && <FeedEntryCompactHeader entry={props.entry} />}
{!compactHeader && <FeedEntryHeader entry={props.entry} expanded={props.expanded} />} {!compactHeader && <FeedEntryHeader entry={props.entry} expanded={props.expanded} />}
</Box> </Box>
</Anchor> </Anchor>
{props.expanded && ( {props.expanded && (
<Box px={padding} pb={padding}> <Box px={paddingX} pb={paddingY}>
<Box className={classes.body} sx={{ direction: props.entry.rtl ? "rtl" : "ltr" }}> <Box className={classes.body} sx={{ direction: props.entry.rtl ? "rtl" : "ltr" }}>
<FeedEntryBody entry={props.entry} /> <FeedEntryBody entry={props.entry} />
</Box> </Box>
<Divider variant="dashed" my={padding} /> <Divider variant="dashed" my={paddingY} />
<FeedEntryFooter entry={props.entry} /> <FeedEntryFooter entry={props.entry} />
</Box> </Box>
)} )}