Fix stupidness here

This commit is contained in:
2026-01-07 15:01:44 -07:00
parent c1ac567204
commit db111aaa2e
2 changed files with 73 additions and 67 deletions

View File

@@ -101,13 +101,14 @@ export default function Installs () {
setHoveredIds(prev => prev.filter(i => i !== i)) setHoveredIds(prev => prev.filter(i => i !== i))
} }
> >
<div className='flex flex-col'> <div className='h-18 w-screen relative'>
<p className='text-2xl'> <p className='text-2xl'>
{getVersionGame(getVersionInfo(entry)?.game)?.name} v {getVersionGame(getVersionInfo(entry)?.game)?.name} v
{getVersionInfo(entry)?.versionName} {getVersionInfo(entry)?.versionName}
</p> </p>
<div <div
className={`entry-info-item mt-2 ${ className={`entry-info-item absolute left-0 bottom-0 ${
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
}`} }`}
title='The date the game was installed in MM/dd/yyyy format' title='The date the game was installed in MM/dd/yyyy format'
@@ -120,8 +121,8 @@ export default function Installs () {
)} )}
</p> </p>
</div> </div>
</div>
<div className='flex flex-row items-center gap-2 mt-auto'> <div className='flex gap-2 absolute right-0 bottom-0'>
<button <button
className={`button ${ className={`button ${
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
@@ -165,13 +166,16 @@ export default function Installs () {
executable: verInfo.executable executable: verInfo.executable
}) })
}} }}
hidden={!normalConfig?.settings.useLegacyInteractButtons} hidden={
!normalConfig?.settings.useLegacyInteractButtons
}
title='Click to launch game' title='Click to launch game'
> >
Launch Launch
</button> </button>
</div> </div>
</div> </div>
</div>
)) ))
) : ( ) : (
<div className='flex justify-center items-center h-full'> <div className='flex justify-center items-center h-full'>

View File

@@ -87,9 +87,10 @@ export default function Installs () {
setHoveredIds(prev => prev.filter(e => e !== i.id)) setHoveredIds(prev => prev.filter(e => e !== i.id))
} }
> >
<div className='flex flex-col'> <div className='h-18 w-screen relative'>
<p className='text-2xl'>{i.name}</p> <p className='text-2xl'>{i.name}</p>
<div className='flex gap-2 mt-2'>
<div className='flex gap-2 absolute left-0 bottom-0'>
<div <div
className={`entry-info-item ${ className={`entry-info-item ${
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
@@ -133,9 +134,9 @@ export default function Installs () {
<p>{i.verified ? 'Verified' : 'Unverified'}</p> <p>{i.verified ? 'Verified' : 'Unverified'}</p>
</div> </div>
</div> </div>
</div>
<div <div
className='flex flex-row items-center gap-2 mt-auto' className='flex gap-2 absolute right-0 bottom-0'
hidden={!normalConfig?.settings.useLegacyInteractButtons} hidden={!normalConfig?.settings.useLegacyInteractButtons}
title='Click to view game installs' title='Click to view game installs'
> >
@@ -149,6 +150,7 @@ export default function Installs () {
</Link> </Link>
</div> </div>
</div> </div>
</div>
)) ))
) : ( ) : (
<div className='flex justify-center items-center h-full'> <div className='flex justify-center items-center h-full'>