justify opponents events to the right

This commit is contained in:
2025-05-27 12:27:08 +02:00
parent 6442611daf
commit a7952ce0e3

View File

@@ -765,9 +765,13 @@ export default function LogParser() {
<div <div
// biome-ignore lint/suspicious/noArrayIndexKey: Simple list rendering // biome-ignore lint/suspicious/noArrayIndexKey: Simple list rendering
key={index} key={index}
className={`text-base ${getEventColor(event.type)}`} className={`text-base ${getEventColor(event.type)} ${
event.text.includes('Opponent')
? 'flex flex-row-reverse text-right'
: 'flex'
}`}
> >
<span className='mr-2 font-mono'> <span className={`${event.text.includes('Opponent') ? 'ml-2' : 'mr-2'} font-mono`}>
{formatter.dateTime(event.timestamp, { {formatter.dateTime(event.timestamp, {
timeStyle: 'medium', timeStyle: 'medium',
})} })}
@@ -775,7 +779,7 @@ export default function LogParser() {
<span>{event.text}</span> <span>{event.text}</span>
</div> </div>
{event.img && ( {event.img && (
<div> <div className={`${event.text.includes('Opponent') ? 'flex justify-end' : ''}`}>
<OptimizedImage src={event.img} /> <OptimizedImage src={event.img} />
</div> </div>
)} )}