granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update searching

Browse source
This commit is contained in:
Justin Edmund 2022-12-22 01:07:27 -08:00
parent 55a292529f
commit e9b4f44fd6
7 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/CharacterResult/index.scss
View file

@ -28,7 +28,7 @@
gap: $unit-half; gap: $unit-half;
h5 { h5 {
color: var(--text-secondary); color: var(--text-tertiary);
display: inline-block; display: inline-block;
font-size: $font-medium; font-size: $font-medium;
font-weight: $medium; font-weight: $medium;

8
components/Input/index.scss
View file

@ -7,6 +7,14 @@
display: block; display: block;
padding: $unit-2x; padding: $unit-2x;
width: 100%; width: 100%;
&.Bound {
background-color: var(--input-bound-bg);
&:hover {
background-color: var(--input-bound-bg-hover);
}
}
} }
.InputError { .InputError {

3
components/Input/index.tsx
View file

@ -16,11 +16,12 @@ const Input = React.forwardRef<HTMLInputElement, Props>(function input(
forwardedRef forwardedRef
) { ) {
const classes = classNames({ Input: true }, props.className) const classes = classNames({ Input: true }, props.className)
const { value, ...inputProps } = props
return ( return (
<label className="Label" htmlFor={props.name}> <label className="Label" htmlFor={props.name}>
<input <input
{...props} {...inputProps}
autoComplete="off" autoComplete="off"
className={classes} className={classes}
defaultValue={props.value || ''} defaultValue={props.value || ''}

2
components/JobSkillResult/index.scss
View file

@ -56,7 +56,7 @@
} }
h5 { h5 {
color: var(--text-secondary); color: var(--text-tertiary);
display: inline-block; display: inline-block;
font-size: $font-medium; font-size: $font-medium;
font-weight: $medium; font-weight: $medium;

4
components/SearchModal/index.tsx
View file

@ -89,7 +89,7 @@ const SearchModal = (props: Props) => {
setRecordCount(response.data.meta.count) setRecordCount(response.data.meta.count)
if (replace) { if (replace) {
replaceResults(response.data.count, response.data.results) replaceResults(response.data.meta.count, response.data.results)
} else { } else {
appendResults(response.data.results) appendResults(response.data.results)
} }
@ -330,7 +330,7 @@ const SearchModal = (props: Props) => {
<div id="Bar"> <div id="Bar">
<Input <Input
autoComplete="off" autoComplete="off"
className="Search" className="Search Bound"
name="query" name="query"
placeholder={props.placeholderText} placeholder={props.placeholderText}
ref={searchInput} ref={searchInput}

2
components/SummonResult/index.scss
View file

@ -28,7 +28,7 @@
gap: $unit-half; gap: $unit-half;
h5 { h5 {
color: var(--text-secondary); color: var(--text-tertiary);
display: inline-block; display: inline-block;
font-size: $font-medium; font-size: $font-medium;
font-weight: $medium; font-weight: $medium;

2
components/WeaponResult/index.scss
View file

@ -28,7 +28,7 @@
gap: $unit-half; gap: $unit-half;
h5 { h5 {
color: var(--text-secondary); color: var(--text-tertiary);
display: inline-block; display: inline-block;
font-size: $font-medium; font-size: $font-medium;
font-weight: $medium; font-weight: $medium;