singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

feat: improve mask ui

Browse Source
This commit is contained in:
Yidadaa 2023-05-02 03:01:42 +08:00
parent 116e16e30d
commit 132f6c8420
2 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/mask.module.scss
View File

@ -23,8 +23,9 @@
.mask-filter { .mask-filter {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
margin-bottom: 10px; margin-bottom: 20px;
animation: search-in ease 0.3s; animation: search-in ease 0.3s;
height: 40px;
display: flex; display: flex;
@ -32,7 +33,6 @@
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
min-width: 0; min-width: 0;
margin-bottom: 20px;
animation: search-in ease 0.3s; animation: search-in ease 0.3s;
} }
@ -45,10 +45,7 @@
height: 100%; height: 100%;
margin-left: 10px; margin-left: 10px;
box-sizing: border-box; box-sizing: border-box;
min-width: 80px;
button {
padding: 10px;
}
} }
} }

3
app/components/mask.tsx
View File

@ -291,8 +291,8 @@ export function MaskPage() {
))} ))}
</select> </select>
<div className={styles["mask-create"]}>
<IconButton <IconButton
className={styles["mask-create"]}
icon={<AddIcon />} icon={<AddIcon />}
text={Locale.Mask.Page.Create} text={Locale.Mask.Page.Create}
bordered bordered
@ -302,7 +302,6 @@ export function MaskPage() {
}} }}
/> />
</div> </div>
</div>
<div> <div>
{masks.map((m) => ( {masks.map((m) => (