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

font size reduction was not actually working, and looks bad now that it does

Browse Source
This commit is contained in:
Athou
2025-05-04 01:21:07 +02:00
parent 4b2e65abdc
commit 680c927e1d
1 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,9 +22,6 @@ const useStyles = tss
main: { main: {
fontWeight: colorScheme === "light" && !read ? "bold" : "inherit", fontWeight: colorScheme === "light" && !read ? "bold" : "inherit",
}, },
details: {
fontSize: "90%",
},
})) }))
export function FeedEntryHeader(props: FeedEntryHeaderProps) { export function FeedEntryHeader(props: FeedEntryHeaderProps) {
@@ -44,7 +41,7 @@ export function FeedEntryHeader(props: FeedEntryHeaderProps) {
</Flex> </Flex>
{props.showExternalLinkIcon && <OpenExternalLink entry={props.entry} />} {props.showExternalLinkIcon && <OpenExternalLink entry={props.entry} />}
</Flex> </Flex>
<Flex align="center" className={classes.details}> <Flex align="center">
<FeedFavicon url={props.entry.iconUrl} /> <FeedFavicon url={props.entry.iconUrl} />
<Space w={6} /> <Space w={6} />
<Box c="dimmed"> <Box c="dimmed">
@@ -54,12 +51,10 @@ export function FeedEntryHeader(props: FeedEntryHeaderProps) {
</Box> </Box>
</Flex> </Flex>
{props.expanded && ( {props.expanded && (
<Box className={classes.details}> <Box c="dimmed">
<Box c="dimmed"> {props.entry.author && <span>by {props.entry.author}</span>}
{props.entry.author && <span>by {props.entry.author}</span>} {props.entry.author && props.entry.categories && <span>&nbsp;·&nbsp;</span>}
{props.entry.author && props.entry.categories && <span>&nbsp;·&nbsp;</span>} {props.entry.categories && <span>{props.entry.categories}</span>}
{props.entry.categories && <span>{props.entry.categories}</span>}
</Box>
</Box> </Box>
)} )}
</Box> </Box>