Show developer info if it isn't null and move buttons down to the bottom of box in installs/games menu

This commit is contained in:
2025-12-20 20:19:12 -07:00
parent 2e1cd07b99
commit bc1ca2a2b1
4 changed files with 9 additions and 20 deletions

View File

@@ -83,7 +83,10 @@ export default function VersionInfo () {
/> />
<p>{gameInfo?.verified ? 'Verified' : 'Unverified'}</p> <p>{gameInfo?.verified ? 'Verified' : 'Unverified'}</p>
</div> </div>
<div className='entry-info-item btntheme2' hidden={gameInfo?.official}> <div
className='entry-info-item btntheme2'
hidden={gameInfo?.developer == null}
>
<FontAwesomeIcon icon={faCode} color='lightgray' /> <FontAwesomeIcon icon={faCode} color='lightgray' />
<p>Developer: {gameInfo?.developer}</p> <p>Developer: {gameInfo?.developer}</p>
</div> </div>

View File

@@ -103,13 +103,7 @@ export default function Installs () {
} }
> >
<div className='flex flex-col'> <div className='flex flex-col'>
<p <p className='text-2xl'>
className={`text-2xl ${
normalConfig?.settings.useLegacyInteractButtons
? 'w-[calc(100vw-605px)]'
: 'w-[calc(100vw-520px)]'
} truncate`}
>
{getVersionGame(getVersionInfo(entry)?.game)?.name} v {getVersionGame(getVersionInfo(entry)?.game)?.name} v
{getVersionInfo(entry)?.versionName} {getVersionInfo(entry)?.versionName}
</p> </p>
@@ -127,7 +121,7 @@ export default function Installs () {
</p> </p>
</div> </div>
</div> </div>
<div className='flex flex-row items-center gap-2'> <div className='flex flex-row items-center gap-2 mt-auto'>
<button <button
className={`button ${ className={`button ${
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'

View File

@@ -598,7 +598,7 @@ export default function RootLayout ({
</div> </div>
<div <div
className='entry-info-item btntheme3 mt-2' className='entry-info-item btntheme3 mt-2'
hidden={v.official} hidden={v.developer == null}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faCode} icon={faCode}

View File

@@ -89,15 +89,7 @@ export default function Installs () {
} }
> >
<div className='flex flex-col'> <div className='flex flex-col'>
<p <p className='text-2xl'>{i.name}</p>
className={`text-2xl ${
normalConfig?.settings.useLegacyInteractButtons
? 'w-[calc(100vw-415px)]'
: 'w-[calc(100vw-335px)]'
} truncate`}
>
{i.name}
</p>
<div className='flex gap-2 mt-2'> <div className='flex gap-2 mt-2'>
<div <div
className={`entry-info-item ${ className={`entry-info-item ${
@@ -137,7 +129,7 @@ export default function Installs () {
</div> </div>
</div> </div>
<div <div
className='flex flex-row items-center gap-2' className='flex flex-row items-center gap-2 mt-auto'
hidden={!normalConfig?.settings.useLegacyInteractButtons} hidden={!normalConfig?.settings.useLegacyInteractButtons}
title='Click to view game installs' title='Click to view game installs'
> >