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,56 +121,59 @@ 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'
}`} }`}
onClick={e => { onClick={e => {
e.stopPropagation() e.stopPropagation()
setManagingVersion(entry) setManagingVersion(entry)
setPopupMode(3) setPopupMode(3)
setShowPopup(true) setShowPopup(true)
setFadeOut(false) setFadeOut(false)
}} }}
title='Click to view version info' title='Click to view version info'
> >
View Info View Info
</button> </button>
<button <button
className={`button ${ className={`button ${
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
}`} }`}
onClick={e => { onClick={e => {
e.stopPropagation() e.stopPropagation()
setManagingVersion(entry) setManagingVersion(entry)
setPopupMode(2) setPopupMode(2)
setShowPopup(true) setShowPopup(true)
setFadeOut(false) setFadeOut(false)
}} }}
title='Click to manage this version install' title='Click to manage this version install'
> >
Manage Manage
</button> </button>
<button <button
className={`button ${ className={`button ${
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
}`} }`}
onClick={e => { onClick={e => {
e.stopPropagation() e.stopPropagation()
const verInfo = getVersionInfo(entry) const verInfo = getVersionInfo(entry)
if (verInfo == undefined) return if (verInfo == undefined) return
invoke('launch_game', { invoke('launch_game', {
name: verInfo.id, name: verInfo.id,
executable: verInfo.executable executable: verInfo.executable
}) })
}} }}
hidden={!normalConfig?.settings.useLegacyInteractButtons} hidden={
title='Click to launch game' !normalConfig?.settings.useLegacyInteractButtons
> }
Launch title='Click to launch game'
</button> >
Launch
</button>
</div>
</div> </div>
</div> </div>
)) ))

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,20 +134,21 @@ 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'
>
<Link
className={`button ${
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
}`}
href={'/game?id=' + i.id}
> >
Installs <Link
</Link> className={`button ${
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
}`}
href={'/game?id=' + i.id}
>
Installs
</Link>
</div>
</div> </div>
</div> </div>
)) ))