make tabs less ugly (still ugly tho)

This commit is contained in:
2025-06-23 22:15:31 +02:00
parent 0126770a0c
commit e82df70a33

View File

@@ -935,8 +935,15 @@ export default function LogParser() {
{error && <p className='text-red-500'>{error}</p>} {error && <p className='text-red-500'>{error}</p>}
{parsedGames.length > 0 && ( {parsedGames.length > 0 && (
<Tabs defaultValue={defaultTabValue} className='mt-6 w-full'> <Tabs
<TabsList className='grid h-auto w-full grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'> defaultValue={defaultTabValue}
className='flex flex-1 flex-col px-0 py-4 md:py-6'
>
<TabsList
className={
'grid h-auto w-full grid-cols-1 gap-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'
}
>
{parsedGames.map((game) => { {parsedGames.map((game) => {
// Determine labels for the tab trigger, handling potential name conflicts // Determine labels for the tab trigger, handling potential name conflicts
const useGenericLabels = const useGenericLabels =