diff --git a/src/renderer/src/pages/library/library-game-card-large.scss b/src/renderer/src/pages/library/library-game-card-large.scss index a06de7e9..8ac59112 100644 --- a/src/renderer/src/pages/library/library-game-card-large.scss +++ b/src/renderer/src/pages/library/library-game-card-large.scss @@ -84,7 +84,6 @@ gap: calc(globals.$spacing-unit); } - &__logo-container { flex: 1; display: flex; @@ -207,5 +206,4 @@ color: rgba(255, 255, 255, 0.85); white-space: nowrap; } - } diff --git a/src/renderer/src/pages/library/library-game-card-large.tsx b/src/renderer/src/pages/library/library-game-card-large.tsx index c2bf6a3b..42b4ab72 100644 --- a/src/renderer/src/pages/library/library-game-card-large.tsx +++ b/src/renderer/src/pages/library/library-game-card-large.tsx @@ -1,10 +1,6 @@ import { LibraryGame } from "@types"; import { useGameCard } from "@renderer/hooks"; -import { - ClockIcon, - AlertFillIcon, - TrophyIcon, -} from "@primer/octicons-react"; +import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react"; import { memo, useMemo } from "react"; import "./library-game-card-large.scss"; @@ -28,11 +24,8 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({ game, onContextMenu, }: Readonly) { - const { - formatPlayTime, - handleCardClick, - handleContextMenuClick, - } = useGameCard(game, onContextMenu); + const { formatPlayTime, handleCardClick, handleContextMenuClick } = + useGameCard(game, onContextMenu); const backgroundImage = useMemo( () => diff --git a/src/renderer/src/pages/library/library-game-card.scss b/src/renderer/src/pages/library/library-game-card.scss index 8643d23c..ab9a9f2a 100644 --- a/src/renderer/src/pages/library/library-game-card.scss +++ b/src/renderer/src/pages/library/library-game-card.scss @@ -209,8 +209,6 @@ transform: scale(1); } - - &__game-image { object-fit: cover; border-radius: 4px; diff --git a/src/renderer/src/pages/library/library-game-card.tsx b/src/renderer/src/pages/library/library-game-card.tsx index 39cce681..e6f2e713 100644 --- a/src/renderer/src/pages/library/library-game-card.tsx +++ b/src/renderer/src/pages/library/library-game-card.tsx @@ -1,11 +1,7 @@ import { LibraryGame } from "@types"; import { useGameCard } from "@renderer/hooks"; import { memo } from "react"; -import { - ClockIcon, - AlertFillIcon, - TrophyIcon, -} from "@primer/octicons-react"; +import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react"; import "./library-game-card.scss"; interface LibraryGameCardProps { @@ -26,11 +22,8 @@ export const LibraryGameCard = memo(function LibraryGameCard({ onMouseLeave, onContextMenu, }: Readonly) { - const { - formatPlayTime, - handleCardClick, - handleContextMenuClick, - } = useGameCard(game, onContextMenu); + const { formatPlayTime, handleCardClick, handleContextMenuClick } = + useGameCard(game, onContextMenu); const coverImage = game.coverImageUrl ??