Brendon/gameyfin
1
0
Fork 0
mirror of https://github.com/BrenBroZAYT/gameyfin.git synced 2026-06-16 16:20:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor layout fixes and improvements

Browse Source
This commit is contained in:
grimsi
2025-05-16 17:30:21 +02:00
parent f0b91c7ed8
commit 26f89a02b3
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gameyfin/src/main/frontend/components/general/CoverRow.tsx
+2 -3
View File
@@ -49,10 +49,9 @@ export function CoverRow({games, title, onPressShowMore}: CoverRowProps) {
<div className="w-full relative"> <div className="w-full relative">
<Card ref={containerRef} className="flex flex-row gap-2 bg-transparent" radius={radius}> <Card ref={containerRef} className="flex flex-row gap-2 bg-transparent" radius={radius}>
{games.slice(0, visibleCount).map((game, index) => ( {games.slice(0, visibleCount).map((game, index) => (
<div className="flex-shrink-0 cursor-pointer" key={index} <a key={index} href={`/game/${game.id}`}>
onClick={() => navigate(`/game/${game.id}`)}>
<GameCover game={game} radius={radius} hover={true}/> <GameCover game={game} radius={radius} hover={true}/>
</div> </a>
))} ))}
</Card> </Card>
gameyfin/src/main/frontend/views/GameView.tsx
+13 -11
View File
@@ -40,16 +40,16 @@ export default function GameView() {
return (game && ( return (game && (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
{game.imageIds !== undefined && game.imageIds.length > 0 && <div className="overflow-hidden relative rounded-t-lg">
<div className="overflow-hidden rounded-lg relative"> {(game.imageIds !== undefined && game.imageIds.length > 0) ?
<img className="w-full h-96 object-cover brightness-50 blur-sm scale-110" <img className="w-full h-96 object-cover brightness-50 blur-sm scale-110"
alt="Game screenshot" alt="Game screenshot"
src={`/images/screenshot/${game.imageIds[0]}`} src={`/images/screenshot/${game.imageIds[0]}`}
/> /> :
<div <div className="w-full h-96 bg-secondary relative"/>
className="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent to-background"/> }
</div> <div className="absolute inset-0 bg-gradient-to-b from-transparent to-background"/>
} </div>
<div className="flex flex-col gap-4 mx-24"> <div className="flex flex-col gap-4 mx-24">
<div className="flex flex-row justify-between"> <div className="flex flex-row justify-between">
<div className="flex flex-row gap-4"> <div className="flex flex-row gap-4">
@@ -80,10 +80,12 @@ export default function GameView() {
<table className="text-left w-full table-auto"> <table className="text-left w-full table-auto">
<tbody> <tbody>
{Object.entries({ {Object.entries({
"Developed by": game.developers?.sort().join(" / "), "Developed by": game.developers?.sort().join(" / ") || "unknown",
"Published by": game.publishers?.sort().join(" / "), "Published by": game.publishers?.sort().join(" / ") || "unknown",
"Genres": game.genres?.sort().map(p => <Chip radius="sm">{toTitleCase(p)}</Chip>), "Genres": game.genres?.sort().map(p => <Chip
"Themes": game.themes?.sort().map(p => <Chip radius="sm">{toTitleCase(p)}</Chip>), radius="sm">{toTitleCase(p)}</Chip>),
"Themes": game.themes?.sort().map(p => <Chip
radius="sm">{toTitleCase(p)}</Chip>),
"Features": game.features?.sort().map(p => <Chip "Features": game.features?.sort().map(p => <Chip
radius="sm">{toTitleCase(p)}</Chip>), radius="sm">{toTitleCase(p)}</Chip>),
}).map(([key, value]) => ( }).map(([key, value]) => (