Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

💄 Add conditional rendering for image

Browse Source
This commit is contained in:
Manuel
2023-03-07 19:52:56 +01:00
parent 749f492034
commit 13999e44eb
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/widgets/rss/RssWidgetTile.tsx
View File

@@ -137,15 +137,17 @@ function RssTile({ widget }: RssTileProps) {
)} )}
<Flex gap="xs"> <Flex gap="xs">
<MediaQuery query="(max-width: 1200px)" styles={{ display: 'none' }}> {item.enclosure && (
<Image <MediaQuery query="(max-width: 1200px)" styles={{ display: 'none' }}>
src={item.enclosure?.url ?? undefined} <Image
width={140} src={item.enclosure?.url ?? undefined}
height={140} width={140}
radius="md" height={140}
withPlaceholder radius="md"
/> withPlaceholder
</MediaQuery> />
</MediaQuery>
)}
<Flex gap={2} direction="column"> <Flex gap={2} direction="column">
{item.categories && ( {item.categories && (
<Flex gap="xs" wrap="wrap" h={20} style={{ overflow: 'hidden' }}> <Flex gap="xs" wrap="wrap" h={20} style={{ overflow: 'hidden' }}>