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

优化Select component

Browse Source
This commit is contained in:
PaRaD1SE98 2023-05-10 14:09:30 +00:00
parent 96e3d3a22c
commit 960aa90c32
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -209,6 +209,7 @@
max-width: fit-content; max-width: fit-content;
.select-with-icon-select { .select-with-icon-select {
height: 100%;
border: var(--border-in-light); border: var(--border-in-light);
padding: 10px 25px 10px 10px; padding: 10px 25px 10px 10px;
border-radius: 10px; border-radius: 10px;
@ -217,7 +218,6 @@
background-color: var(--white); background-color: var(--white);
color: var(--black); color: var(--black);
text-align: center; text-align: center;
position: relative;
} }
.select-with-icon-icon { .select-with-icon-icon {

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

@ -254,11 +254,8 @@ export function Select(
) { ) {
const { className, children, ...otherProps } = props; const { className, children, ...otherProps } = props;
return ( return (
<div className={styles["select-with-icon"]}> <div className={`${styles["select-with-icon"]} ${className}`}>
<select <select className={styles["select-with-icon-select"]} {...otherProps}>
className={`${styles["select-with-icon-select"]} ${className}`}
{...otherProps}
>
{children} {children}
</select> </select>
<DownIcon className={styles["select-with-icon-icon"]} /> <DownIcon className={styles["select-with-icon-icon"]} />