Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 23:45:48 +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

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

@@ -137,6 +137,7 @@ function RssTile({ widget }: RssTileProps) {
)} )}
<Flex gap="xs"> <Flex gap="xs">
{item.enclosure && (
<MediaQuery query="(max-width: 1200px)" styles={{ display: 'none' }}> <MediaQuery query="(max-width: 1200px)" styles={{ display: 'none' }}>
<Image <Image
src={item.enclosure?.url ?? undefined} src={item.enclosure?.url ?? undefined}
@@ -146,6 +147,7 @@ function RssTile({ widget }: RssTileProps) {
withPlaceholder 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' }}>