refac: styling

This commit is contained in:
Timothy J. Baek 2024-08-19 15:30:41 +02:00
parent 0fa85c5c64
commit dfa5041b6f

View File

@ -143,12 +143,14 @@
{@const message = groupedMessages[modelIdx].messages[groupedMessagesIdx[modelIdx]]}
<div
class=" snap-center {$mobile
? 'min-w-full'
: 'min-w-80'} w-full max-w-full m-1 border {history.messages[currentMessageId]
class=" snap-center w-full max-w-full m-1 border {history.messages[currentMessageId]
?.modelIdx == modelIdx
? 'border-gray-100 dark:border-gray-800 border-[1.5px]'
: 'border-gray-50 dark:border-gray-850 border-dashed '} transition p-5 rounded-2xl"
? `border-gray-100 dark:border-gray-800 border-[1.5px] ${
$mobile ? 'min-w-full' : 'min-w-[32rem]'
}`
: `border-gray-50 dark:border-gray-850 border-dashed ${
$mobile ? 'min-w-full' : 'min-w-80'
}`} transition-[width] transform duration-300 p-5 rounded-2xl"
on:click={() => {
if (currentMessageId != message.id) {
currentMessageId = message.id;