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 { RelativeDate } from "components/RelativeDate"
import { FeedFavicon } from "components/content/FeedFavicon"
@@ -54,17 +54,17 @@ export function FeedEntryCompactHeader(props: FeedEntryHeaderProps) {
<FeedFavicon url={props.entry.iconUrl} />
</Box>
<OnDesktop>
<Text c="dimmed" className={classes.feedName}>
<Box c="dimmed" className={classes.feedName}>
{props.entry.feedName}
</Text>
</Box>
</OnDesktop>
<Box className={classes.title}>
<FeedEntryTitle entry={props.entry} />
</Box>
<OnDesktop>
<Text c="dimmed" className={classes.date}>
<Box c="dimmed" className={classes.date}>
<RelativeDate date={props.entry.date} />
</Text>
</Box>
</OnDesktop>
{props.showExternalLinkIcon && <OpenExternalLink entry={props.entry} />}
</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 { RelativeDate } from "components/RelativeDate"
import { FeedFavicon } from "components/content/FeedFavicon"
@@ -47,19 +47,19 @@ export function FeedEntryHeader(props: FeedEntryHeaderProps) {
<Flex align="center" className={classes.details}>
<FeedFavicon url={props.entry.iconUrl} />
<Space w={6} />
<Text c="dimmed">
<Box c="dimmed">
{props.entry.feedName}
<span> · </span>
<RelativeDate date={props.entry.date} />
</Text>
</Box>
</Flex>
{props.expanded && (
<Box className={classes.details}>
<Text c="dimmed">
<Box c="dimmed">
{props.entry.author && <span>by {props.entry.author}</span>}
{props.entry.author && props.entry.categories && <span>&nbsp;·&nbsp;</span>}
{props.entry.categories && <span>{props.entry.categories}</span>}
</Text>
</Box>
</Box>
)}
</Box>