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 && (
+
+ )}
)
}