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;
}

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

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