Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

调整浏览器窗口后,高度无法自适应更新。 #336

Open
timsaya opened this issue Nov 18, 2024 · 2 comments
Open

调整浏览器窗口后,高度无法自适应更新。 #336

timsaya opened this issue Nov 18, 2024 · 2 comments

Comments

@timsaya
Copy link

timsaya commented Nov 18, 2024

首次进入页面后,会占满 height: 100%
但是调整浏览器窗口后,还是原来的高度。

屏幕截图 2024-11-18 193148

屏幕截图 2024-11-18 193157

主要代码

import './App.css';
import { ProChat } from '@ant-design/pro-chat';
function App() {
  return (
    <>
      <div className='bg-yellow-100 w-full h-screen flex'>
        <ProChat></ProChat>
      </div>
    </>
  );
}

export default App;


版本信息:

"@ant-design/pro-chat": "^1.15.3",
"antd": "^5.22.1",
"antd-style": "^3.7.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",

环境信息:

Windows 11 
Google Chrome 131
@wjkang
Copy link

wjkang commented Nov 19, 2024

简单粗暴

.ant-pro-chat-chat-list-container {
  height: 100% !important;
}

@timsaya
Copy link
Author

timsaya commented Nov 20, 2024

简单粗暴

.ant-pro-chat-chat-list-container {
  height: 100% !important;
}

可以用 感谢 !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants