diff --git a/packages/screens/Feed/components/MapFeed.tsx b/packages/screens/Feed/components/MapFeed.tsx index 60a2d1507c..e60e827fd9 100644 --- a/packages/screens/Feed/components/MapFeed.tsx +++ b/packages/screens/Feed/components/MapFeed.tsx @@ -7,17 +7,13 @@ import { MobileTitle } from "@/components/ScreenContainer/ScreenContainerMobile" import { Map } from "@/components/socialFeed/Map"; import { useIsMobile } from "@/hooks/useIsMobile"; import { useMaxResolution } from "@/hooks/useMaxResolution"; -import { - headerHeight, - RESPONSIVE_BREAKPOINT_S, - screenContentMaxWidth, -} from "@/utils/style/layout"; +import { headerHeight, RESPONSIVE_BREAKPOINT_S } from "@/utils/style/layout"; export const MapFeed: FC<{ consultedPostId?: string; }> = ({ consultedPostId }) => { const { height: windowHeight, width: windowWidth } = useWindowDimensions(); - const { width, height } = useMaxResolution(); + const { width, height } = useMaxResolution({ isLarge: true }); const isMobile = useIsMobile(); return ( @@ -29,7 +25,6 @@ export const MapFeed: FC<{ style={{ height: windowHeight - (headerHeight + 110), width: windowWidth < RESPONSIVE_BREAKPOINT_S ? windowWidth : width, - maxWidth: screenContentMaxWidth, }} consultedPostId={consultedPostId} /> diff --git a/packages/screens/Feed/components/MusicFeed.tsx b/packages/screens/Feed/components/MusicFeed.tsx index 89f1c15216..3d1ed5cb05 100644 --- a/packages/screens/Feed/components/MusicFeed.tsx +++ b/packages/screens/Feed/components/MusicFeed.tsx @@ -8,14 +8,11 @@ import { FeedMusicList } from "@/components/music/FeedMusicList"; import { useIsMobile } from "@/hooks/useIsMobile"; import { useMaxResolution } from "@/hooks/useMaxResolution"; import { useSelectedNetworkId } from "@/hooks/useSelectedNetwork"; -import { - RESPONSIVE_BREAKPOINT_S, - screenContentMaxWidth, -} from "@/utils/style/layout"; +import { RESPONSIVE_BREAKPOINT_S } from "@/utils/style/layout"; export const MusicFeed: FC = () => { const { width: windowWidth } = useWindowDimensions(); - const { width, height } = useMaxResolution(); + const { width, height } = useMaxResolution({ isLarge: true }); const isMobile = useIsMobile(); const selectedNetworkId = useSelectedNetworkId(); return ( @@ -30,7 +27,6 @@ export const MusicFeed: FC = () => { style={{ alignSelf: "center", width: windowWidth < RESPONSIVE_BREAKPOINT_S ? windowWidth : width, - maxWidth: screenContentMaxWidth, }} /> diff --git a/packages/screens/Feed/components/VideosFeed.tsx b/packages/screens/Feed/components/VideosFeed.tsx index dc58c04aff..bf673dc592 100644 --- a/packages/screens/Feed/components/VideosFeed.tsx +++ b/packages/screens/Feed/components/VideosFeed.tsx @@ -9,15 +9,12 @@ import { FeedVideosList } from "@/components/video/FeedVideosList"; import { useIsMobile } from "@/hooks/useIsMobile"; import { useMaxResolution } from "@/hooks/useMaxResolution"; import { useSelectedNetworkId } from "@/hooks/useSelectedNetwork"; -import { - RESPONSIVE_BREAKPOINT_S, - screenContentMaxWidth, -} from "@/utils/style/layout"; +import { RESPONSIVE_BREAKPOINT_S } from "@/utils/style/layout"; import { PostCategory } from "@/utils/types/feed"; export const VideosFeed: FC = () => { const { width: windowWidth } = useWindowDimensions(); - const { width, height } = useMaxResolution(); + const { width, height } = useMaxResolution({ isLarge: true }); const isMobile = useIsMobile(); const selectedNetworkId = useSelectedNetworkId(); @@ -50,7 +47,6 @@ export const VideosFeed: FC = () => { style={{ alignSelf: "center", width: windowWidth < RESPONSIVE_BREAKPOINT_S ? windowWidth : width, - maxWidth: screenContentMaxWidth, }} />