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

Update Select component

Browse source 
* data-placeholder style should match only if true
* Adjust corner radius to match cards instead of inputs
* Fix classNames call in SelectItem
This commit is contained in:
Justin Edmund 2023-06-05 20:20:23 -07:00
parent 4e63a6593b
commit 106b2b8ee4
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/common/Select/index.scss
View file

@ -34,7 +34,7 @@
cursor: not-allowed; cursor: not-allowed;
} }
&[data-placeholder] > span:not(.SelectIcon) { &[data-placeholder='true'] > span:not(.SelectIcon) {
color: var(--text-secondary); color: var(--text-secondary);
} }
@ -74,7 +74,7 @@
.Select { .Select {
background: var(--select-bg); background: var(--select-bg);
border-radius: $input-corner; border-radius: $card-corner;
border: $hover-stroke; border: $hover-stroke;
box-shadow: $hover-shadow; box-shadow: $hover-shadow;
padding: 0 $unit; padding: 0 $unit;

2
components/common/SelectItem/index.tsx
View file

@ -17,8 +17,8 @@ const SelectItem = React.forwardRef<HTMLDivElement, Props>(function selectItem(
const { altText, iconSrc, ...rest } = props const { altText, iconSrc, ...rest } = props
return ( return (
<Select.Item <Select.Item
className={classNames('SelectItem', props.className)}
{...rest} {...rest}
className={classNames({ SelectItem: true }, props.className)}
ref={forwardedRef} ref={forwardedRef}
value={`${value}`} value={`${value}`}
> >