diff --git a/src/frontend/screens/Game/GamePage/index.tsx b/src/frontend/screens/Game/GamePage/index.tsx index 13863da631..029ce92371 100644 --- a/src/frontend/screens/Game/GamePage/index.tsx +++ b/src/frontend/screens/Game/GamePage/index.tsx @@ -231,6 +231,7 @@ export default React.memo(function GamePage(): JSX.Element | null { art_square, art_cover, art_background, + art_logo, install: { platform: installPlatform }, is_installed } = gameInfo @@ -325,7 +326,11 @@ export default React.memo(function GamePage(): JSX.Element | null { {/* OLD DESIGN */} {!experimentalFeatures.enableNewDesign && ( <> - + {!isBrowserGame && }
- +
diff --git a/src/frontend/screens/Game/GamePicture/index.css b/src/frontend/screens/Game/GamePicture/index.css index bb5276c677..30a583633d 100644 --- a/src/frontend/screens/Game/GamePicture/index.css +++ b/src/frontend/screens/Game/GamePicture/index.css @@ -35,7 +35,8 @@ .gamePicture > .gameLogo { position: absolute; - bottom: 0; - width: 70%; - min-width: 140px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 50%; } diff --git a/src/frontend/screens/Game/GamePicture/index.tsx b/src/frontend/screens/Game/GamePicture/index.tsx index c62aa1b8d5..94f0154d56 100644 --- a/src/frontend/screens/Game/GamePicture/index.tsx +++ b/src/frontend/screens/Game/GamePicture/index.tsx @@ -6,10 +6,17 @@ import fallbackImage from 'frontend/assets/heroic_card.jpg' interface Props extends React.ImgHTMLAttributes { art_square: string + art_logo?: string | undefined store: string } -function GamePicture({ art_square, store, className, ...props }: Props) { +function GamePicture({ + art_square, + art_logo, + store, + className, + ...props +}: Props) { function getImageFormatting() { if (art_square === 'fallback' || !art_square) return { src: fallbackImage, fallback: fallbackImage } @@ -34,6 +41,13 @@ function GamePicture({ art_square, store, className, ...props }: Props) { fallback={fallback} {...props} /> + {art_logo && ( + + )}
) }