Self Checks

• I have read the Contributing Guide and Language Policy.
• I have searched for existing issues search for existing issues, including closed ones.
• I confirm that I am using English to submit this report, otherwise it will be closed.
• Please do not modify this template :) and fill in all the required fields.

1. Is this request related to a challenge you're experiencing? Tell me about your story.

Currently, in the embedded chatbox mode, the "Powered by Dify" footer at the bottom has a fixed height of 60px. Visually, this area appears too tall and takes up unnecessary vertical space, looking somewhat like a detached "patch" at the bottom of the chat interface.

2. Additional context or comments

Suggested Change

I suggest reducing the height of the footer from 60px to 20px to make the interface look cleaner and more compact.

Implementation Details

The specific changes should be made in web/app/components/base/chat/embedded-chatbot/index.tsx:

1. Adjust main container height calculation (Line 53):
Change the height calculation to reserve less space for the footer.

// Before
isMobile ? 'h-[calc(100vh_-_60px)] shadow-xs' : 'h-[100vh] bg-chatbot-bg',

// After
isMobile ? 'h-[calc(100vh_-_20px)] shadow-xs' : 'h-[100vh] bg-chatbot-bg',

2. Adjust the footer container height (Line 76):
Change the CSS class for the footer height.

// Before
<div className='flex h-[60px] shrink-0 items-center pl-2'

// After
<div className='flex h-[20px] shrink-0 items-center pl-2'

3. Can you help us with this feature?

• I am interested in contributing to this feature.