xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-02 16:16:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

暂存

Browse Source
This commit is contained in:
sijinhui 2024-05-14 17:56:00 +08:00
parent ebbf9e4f7c
commit c2f563677e
2 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/ui-lib.module.scss
View File

@ -312,3 +312,17 @@
}
}
}
.modal-mask {
z-index: 999;
position: fixed;
top: 0;
left: 0;
height: var(--full-height);
width: 100vw;
background-color: rgba(0, 0, 0, .5);
display: flex;
align-items: center;
justify-content: center;
}

25
app/components/ui-lib.tsx
View File

@ -501,18 +501,21 @@ export function ModalSelector<T>(props: {
console.log("-----", props);
return (
<div className={styles["selector"]}>
<div className={styles["modal-mask"]}>
<Modal title="test" onClose={() => props.onClose?.()}>
<AntList grid={{ gutter: 16, column: 4 }}>
<Col span={8}>
<AntList.Item>
<AntCard title="你好">Card</AntCard>
</AntList.Item>
</Col>
<AntList.Item>
<AntCard title="你好">Card</AntCard>
</AntList.Item>
<AntList grid={{ gutter: 16, column: 3 }}>
<Row gutter={[16, 16]}>
<Col span={8}>
<AntList.Item>
<AntCard title="你好">Card</AntCard>
</AntList.Item>
</Col>
<Col span={8}>
<AntList.Item>
<AntCard title="你好">Card</AntCard>
</AntList.Item>
</Col>
</Row>
</AntList>
</Modal>
</div>