add cover

This commit is contained in:
Zamitto 2024-06-19 20:09:37 -03:00
parent 56c3607400
commit c6da57995d

View File

@ -8,7 +8,7 @@ import { useTranslation } from "react-i18next";
import SteamLogo from "@renderer/assets/steam-logo.svg?react"; import SteamLogo from "@renderer/assets/steam-logo.svg?react";
import { useAppSelector, useDate, useUserDetails } from "@renderer/hooks"; import { useAppSelector, useDate, useUserDetails } from "@renderer/hooks";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { buildGameDetailsPath } from "@renderer/helpers"; import { buildGameDetailsPath, steamUrlBuilder } from "@renderer/helpers";
import { PersonIcon, TelescopeIcon } from "@primer/octicons-react"; import { PersonIcon, TelescopeIcon } from "@primer/octicons-react";
import { Button } from "@renderer/components"; import { Button } from "@renderer/components";
import { UserEditProfileModal } from "./user-edit-modal"; import { UserEditProfileModal } from "./user-edit-modal";
@ -111,15 +111,17 @@ export function UserContent({
inset: 0, inset: 0,
}} }}
></div> ></div>
<div {runningGame && (
style={{ <div
background: `url(${runningGame?.iconUrl})`, style={{
position: "absolute", background: `url(${steamUrlBuilder.libraryHero(runningGame.objectID)})`,
inset: 0, position: "absolute",
opacity: 0.1, inset: 0,
backgroundSize: "cover", opacity: 0.1,
}} backgroundSize: "cover",
></div> }}
></div>
)}
<div className={styles.profileAvatarContainer}> <div className={styles.profileAvatarContainer}>
{userProfile.profileImageUrl ? ( {userProfile.profileImageUrl ? (