Lncvrt-Games/launcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix issues with text overflowing

Browse Source
This commit is contained in:
Lncvrt
2025-12-20 19:55:00 -07:00
parent 7dedd4f91d
commit 370fa2b85d
3 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/game/page.tsx
View File

@@ -99,12 +99,18 @@ export default function Installs () {
} }
> >
<div className='flex flex-col'> <div className='flex flex-col'>
<p className='text-2xl'> <p
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>
<div <div
className={`entry-info-item ${ className={`entry-info-item mt-2 ${
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
}`} }`}
> >

8
src/app/layout.tsx
View File

@@ -505,8 +505,8 @@ export default function RootLayout ({
<p <p
className={`text-2xl truncate ${ className={`text-2xl truncate ${
selectedVersionList.includes(v.id) selectedVersionList.includes(v.id)
? 'max-w-82.5' ? 'max-w-80.5'
: 'max-w-90' : 'max-w-87.5'
}`} }`}
> >
{getVersionGame(v.game)?.name} v {getVersionGame(v.game)?.name} v
@@ -557,7 +557,9 @@ export default function RootLayout ({
<div className='popup-content'> <div className='popup-content'>
{serverVersionList?.games.map((v, i) => ( {serverVersionList?.games.map((v, i) => (
<div key={i} className='popup-entry'> <div key={i} className='popup-entry'>
<p className='text-2xl'>{v.name}</p> <p className='text-2xl w-[calc(100vw-380px)] truncate'>
{v.name}
</p>
<div className='flex gap-2'> <div className='flex gap-2'>
<div className='entry-info-item btntheme3'> <div className='entry-info-item btntheme3'>
<p> <p>

12
src/app/page.tsx
View File

@@ -85,8 +85,16 @@ export default function Installs () {
} }
> >
<div className='flex flex-col'> <div className='flex flex-col'>
<p className='text-2xl'>{i.name}</p> <p
<div className='flex gap-2'> 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 <div
className={`entry-info-item ${ className={`entry-info-item ${
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2' hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'