Merge pull request #60 from BitteProtocol/margins-ui-fixes

replace margins with gap-4
BitteProtocol · Jan 17, 2025 · ecf7907 · ecf7907
2 parents 42db6fd + 488b522
commit ecf7907
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/components/chat/ChatContent.tsx b/src/components/chat/ChatContent.tsx
@@ -142,7 +142,7 @@ export const ChatContent = ({
   return (
     <div className='bitte-flex bitte-h-full bitte-w-full bitte-flex-col bitte-gap-4 bitte-text-justify'>
       <div
-        className='bitte-relative bitte-flex bitte-min-h-[220px] lg:bitte-min-h-[400px] bitte-w-full bitte-h-full bitte-grow-0 bitte-overflow-y-auto bitte-rounded-lg bitte-max-lg:flex-col bitte-border lg:bitte-px-6'
+        className='bitte-relative bitte-flex bitte-min-h-[200px] lg:bitte-min-h-[400px] bitte-w-full bitte-h-full bitte-grow-0 bitte-overflow-y-auto bitte-rounded-lg bitte-max-lg:flex-col bitte-border lg:bitte-px-6'
         style={{
           backgroundColor: generalBackground,
           borderColor: borderColor,
@@ -189,7 +189,7 @@ export const ChatContent = ({
                   </div>
                 </div>
               ))}
-            <div className='bitte-flex bitte-w-full bitte-flex-col bitte-space-y-4 bitte-py-6'>
+            <div className='bitte-flex bitte-w-full bitte-flex-col bitte-gap-4 bitte-py-6'>
               {groupedMessages.map((messages: Message[]) => {
                 const groupKey = `group-${messages?.[0]?.id}`;
                 return (
@@ -219,7 +219,7 @@ export const ChatContent = ({
                       <p>An error occurred.</p>
                       <Button
                         type='button'
-                        variant='secondary'
+                        variant='default'
                         size='sm'
                         onClick={() => reload()}
                       >

diff --git a/src/components/chat/MessageGroup.tsx b/src/components/chat/MessageGroup.tsx
@@ -123,12 +123,14 @@ export const MessageGroup = ({
               return (
                 <ErrorBoundary key={`${groupKey}-${message.id}`}>
                   {evmSignRequest ? (
-                    <EvmTxCard
-                      evmData={evmSignRequest}
-                      borderColor={borderColor}
-                      messageBackgroundColor={messageBackgroundColor}
-                      textColor={textColor}
-                    />
+                    <div className='bitte-my-4'>
+                      <EvmTxCard
+                        evmData={evmSignRequest}
+                        borderColor={borderColor}
+                        messageBackgroundColor={messageBackgroundColor}
+                        textColor={textColor}
+                      />
+                    </div>
                   ) : (
                     <div className='bitte-my-4'>
                       <ReviewTransaction
@@ -155,7 +157,7 @@ export const MessageGroup = ({
 
         return (
           <Card
-            className='bitte-p-6 bitte-my-4'
+            className='bitte-p-6'
             style={{
               backgroundColor: messageBackgroundColor,
               borderColor: borderColor,