More ui stuff

This commit is contained in:
2025-09-25 11:29:18 -05:00
parent 467d452bb4
commit 40489be8e9

View File

@@ -125,7 +125,7 @@ export const StatusList = ({
const containerCn = ccn({ const containerCn = ccn({
context: tvMode, context: tvMode,
className: 'mx-auto', className: 'mx-auto',
on: 'px-6 max-w-7xl', on: 'px-6',
off: 'max-w-4xl px-4 sm:px-6', off: 'max-w-4xl px-4 sm:px-6',
}); });
@@ -251,8 +251,7 @@ export const StatusList = ({
<div className='flex-1 min-w-0'> <div className='flex-1 min-w-0'>
<div className='flex items-center gap-2 sm:gap-3 mb-1'> <div className='flex items-center gap-2 sm:gap-3 mb-1'>
<h3 <h3
className={` className={`font-semibold
font-semibold truncate
${tvMode ? 'text-5xl' : 'text-base sm:text-xl'} ${tvMode ? 'text-5xl' : 'text-base sm:text-xl'}
`} `}
title={u.name ?? u.email ?? 'User'} title={u.name ?? u.email ?? 'User'}
@@ -264,13 +263,19 @@ export const StatusList = ({
className='hidden sm:flex items-center gap-2 className='hidden sm:flex items-center gap-2
text-muted-foreground min-w-0' text-muted-foreground min-w-0'
> >
<span className={`${tvMode ? 'text-3xl': 'text-sm'}`}>via</span> <span
className={`${tvMode ? 'text-3xl' : 'text-sm'}`}
>
via
</span>
<BasedAvatar <BasedAvatar
src={s.updatedBy.imageUrl} src={s.updatedBy.imageUrl}
fullName={s.updatedBy.name ?? 'User'} fullName={s.updatedBy.name ?? 'User'}
className={`${tvMode ? 'w-14 h-14 text-xl' : 'w-6 h-6'}`} className={`${tvMode ? 'w-14 h-14 text-xl' : 'w-6 h-6'}`}
/> />
<span className={`${tvMode ? 'text-4xl': 'truncate'}`}> <span
className={`${tvMode ? 'text-4xl' : 'truncate'}`}
>
{s.updatedBy.name ?? {s.updatedBy.name ??
s.updatedBy.email ?? s.updatedBy.email ??
'another user'} 'another user'}