garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

use Box instead of Text because Text resets font size

Browse Source
This commit is contained in:
Athou
2025-05-04 01:16:11 +02:00
parent e501bf6b05
commit 4b2e65abdc
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
commafeed-client/src/components/content/header/FeedEntryCompactHeader.tsx
View File

@@ -1,4 +1,4 @@
import { Box, Text } from "@mantine/core" import { Box } from "@mantine/core"
import type { Entry } from "app/types" import type { Entry } from "app/types"
import { RelativeDate } from "components/RelativeDate" import { RelativeDate } from "components/RelativeDate"
import { FeedFavicon } from "components/content/FeedFavicon" import { FeedFavicon } from "components/content/FeedFavicon"
@@ -54,17 +54,17 @@ export function FeedEntryCompactHeader(props: FeedEntryHeaderProps) {
<FeedFavicon url={props.entry.iconUrl} /> <FeedFavicon url={props.entry.iconUrl} />
</Box> </Box>
<OnDesktop> <OnDesktop>
<Text c="dimmed" className={classes.feedName}> <Box c="dimmed" className={classes.feedName}>
{props.entry.feedName} {props.entry.feedName}
</Text> </Box>
</OnDesktop> </OnDesktop>
<Box className={classes.title}> <Box className={classes.title}>
<FeedEntryTitle entry={props.entry} /> <FeedEntryTitle entry={props.entry} />
</Box> </Box>
<OnDesktop> <OnDesktop>
<Text c="dimmed" className={classes.date}> <Box c="dimmed" className={classes.date}>
<RelativeDate date={props.entry.date} /> <RelativeDate date={props.entry.date} />
</Text> </Box>
</OnDesktop> </OnDesktop>
{props.showExternalLinkIcon && <OpenExternalLink entry={props.entry} />} {props.showExternalLinkIcon && <OpenExternalLink entry={props.entry} />}
</Box> </Box>

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

@@ -1,4 +1,4 @@
import { Box, Flex, Space, Text } from "@mantine/core" import { Box, Flex, Space } from "@mantine/core"
import type { Entry } from "app/types" import type { Entry } from "app/types"
import { RelativeDate } from "components/RelativeDate" import { RelativeDate } from "components/RelativeDate"
import { FeedFavicon } from "components/content/FeedFavicon" import { FeedFavicon } from "components/content/FeedFavicon"
@@ -47,19 +47,19 @@ export function FeedEntryHeader(props: FeedEntryHeaderProps) {
<Flex align="center" className={classes.details}> <Flex align="center" className={classes.details}>
<FeedFavicon url={props.entry.iconUrl} /> <FeedFavicon url={props.entry.iconUrl} />
<Space w={6} /> <Space w={6} />
<Text c="dimmed"> <Box c="dimmed">
{props.entry.feedName} {props.entry.feedName}
<span> · </span> <span> · </span>
<RelativeDate date={props.entry.date} /> <RelativeDate date={props.entry.date} />
</Text> </Box>
</Flex> </Flex>
{props.expanded && ( {props.expanded && (
<Box className={classes.details}> <Box className={classes.details}>
<Text 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>}
</Text> </Box>
</Box> </Box>
)} )}
</Box> </Box>