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

feat: add SearchInput to ui-lib

Browse Source
This commit is contained in:
Andision 2023-12-01 04:08:24 +00:00
parent 2c12be62c4
commit 31d436cc7e
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -275,6 +275,20 @@ export function PasswordInput(props: HTMLProps<HTMLInputElement>) {
);
}
export function SearchInput(props: HTMLProps<HTMLInputElement>) {
const [visible, setVisible] = useState(false);
function changeVisibility() {
setVisible(!visible);
}
return (
<div className={"search-input-container"}>
<input {...props} type="text" className={"search-input"} />
</div>
);
}
export function Select(
props: React.DetailedHTMLProps<
React.SelectHTMLAttributes<HTMLSelectElement>,

10
app/styles/globals.scss
View File

@ -339,6 +339,16 @@ pre {
}
}
.search-input-container {
display: flex;
justify-content: center;
.search-input {
min-width: 99%;
text-align: left;
}
}
.user-avatar {
height: 30px;
min-height: 30px;