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

优化模型选择ui

Browse Source
This commit is contained in:
sijinhui 2024-05-15 17:21:01 +08:00
parent e098bd6f6a
commit 15ddb5fe8c
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -329,4 +329,5 @@
.cus-modal-container {
max-width: none !important;
width: 80vw !important;
}

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

@ -114,6 +114,7 @@ interface ModalProps {
defaultMax?: boolean;
footer?: React.ReactNode;
onClose?: () => void;
maskClosable?: boolean;
is_cus?: boolean;
}
export function Modal(props: ModalProps) {
@ -534,6 +535,7 @@ export function ModalSelector<T extends CheckGroupValueType>(props: {
onClose={() => props.onClose?.()}
footer={null}
is_cus={true}
maskClosable={true}
>
<AntList grid={{ gutter: 16 }}>
<CheckCard.Group
@ -541,8 +543,13 @@ export function ModalSelector<T extends CheckGroupValueType>(props: {
defaultValue={props.defaultSelectedValue}
>
<Row
gutter={[16, 16]}
style={{ marginLeft: "-8px", marginRight: "-8px" }}
gutter={[16, 8]}
style={{
marginLeft: "-8px",
marginRight: "-8px",
display: "flex",
justifyContent: "center",
}}
>
{props.items.map((item, i) => {
const selected = props.defaultSelectedValue === item.value;
@ -557,6 +564,7 @@ export function ModalSelector<T extends CheckGroupValueType>(props: {
props.onClose?.();
}}
avatar={getCheckCardAvatar(item.value?.toString() ?? "")}
style={{ marginBottom: "8px", width: "250px" }}
/>
</Col>
);