make show more button not absolute (#3018)

wandb · Nov 19, 2024 · 925494e · 925494e
1 parent eb3ee1b
commit 925494e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/ChatView/MessagePanel.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/ChatView/MessagePanel.tsx
@@ -54,7 +54,6 @@ export const MessagePanel = ({
 
       <div
         className={classNames('relative overflow-visible rounded-lg', {
-          'pb-40': isOverflowing && isShowingMore,
           'border-t border-moon-250': isTool,
           'bg-moon-100': isSystemPrompt,
           'bg-cactus-300/[0.24]': isUser,

diff --git a/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/ChatView/ShowMoreButton.tsx b/weave-js/src/components/PagePanelComponents/Home/Browse3/pages/ChatView/ShowMoreButton.tsx
@@ -15,10 +15,10 @@ export const ShowMoreButton = ({
   return (
     <div
       className={classNames(
-        'absolute bottom-0 left-0 flex w-full items-center justify-center pb-4 pt-32',
+        'mb-[-8px] flex w-full items-center justify-center pb-8',
         {
           [`from-34% rounded-b-xl bg-gradient-to-t ${
-            isUser ? 'from-cactus-300/[0.24]' : 'from-moon-100'
+            isUser ? 'from-cactus-300/[0.32]' : 'from-moon-150'
           } to-transparent`]: !isShowingMore,
         }
       )}>