Browse Source

fix: 修复“标靶列表”超出容器高度时不显示滚动条的问题

master
liujiangyong 2 days ago
parent
commit
7371a2c04d
  1. 24
      client/src/app.less
  2. 2
      client/src/sections/wuyuanbiaoba/components/TargetList.jsx
  3. 2
      client/src/sections/wuyuanbiaoba/container/index.jsx

24
client/src/app.less

@ -5,6 +5,30 @@
user-select: none;
}
// Keep tab panes inside the viewport so long target lists can scroll internally.
.target-tabs {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
}
.target-tabs > .ant-tabs-content-holder {
flex: 1;
min-height: 0;
}
.target-tabs .ant-tabs-content,
.target-tabs .ant-tabs-tabpane {
height: 100%;
min-height: 0;
}
.target-tabs .ant-tabs-tabpane {
display: flex;
flex-direction: column;
}
// 美化滚动条
::-webkit-scrollbar {
width: 8px;

2
client/src/sections/wuyuanbiaoba/components/TargetList.jsx

@ -83,7 +83,7 @@ const TargetList = ({
</div>
<Button
type="primary"
style={{ marginTop: "16px", width: "100%", flexShrink: 0 }}
style={{ margin: "16px 0", width: "100%", flexShrink: 0 }}
onClick={onClickClearAll}
>
一键清零

2
client/src/sections/wuyuanbiaoba/container/index.jsx

@ -576,12 +576,14 @@ const WuyuanbiaobaContent = () => {
<div
style={{
flex: 1,
minHeight: 0,
backgroundColor: "white",
display: "flex",
flexDirection: "column",
}}
>
<Tabs
className="target-tabs"
defaultActiveKey="target-list"
items={tabItems}
style={{

Loading…
Cancel
Save