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

Fix filter bar styles

Browse source
This commit is contained in:
Justin Edmund 2023-06-23 19:15:23 -07:00
parent c01a945f91
commit d786b19dc0
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/FilterBar/index.module.scss
View file

@ -1,4 +1,4 @@
.FilterBar { .filterBar {
align-items: center; align-items: center;
background: var(--bar-bg); background: var(--bar-bg);
border-radius: $card-corner; border-radius: $card-corner;
@ -26,7 +26,7 @@
min-height: auto; min-height: auto;
} }
.Filters { .filters {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
flex-direction: row; flex-direction: row;

6
components/FilterBar/index.tsx
View file

@ -41,8 +41,8 @@ const FilterBar = (props: Props) => {
const [matchesDefaultFilters, setMatchesDefaultFilters] = useState(false) const [matchesDefaultFilters, setMatchesDefaultFilters] = useState(false)
// Set up classes object for showing shadow on scroll // Set up classes object for showing shadow on scroll
const classes = classNames({ const classes = classNames({
FilterBar: true, [styles.filterBar]: true,
shadow: props.scrolled, [styles.shadow]: props.scrolled,
}) })
const filterButtonClasses = classNames({ const filterButtonClasses = classNames({
@ -126,7 +126,7 @@ const FilterBar = (props: Props) => {
<> <>
<div className={classes}> <div className={classes}>
{props.children} {props.children}
<div className="Filters"> <div className={styles.filters}>
<Select <Select
value={`${props.element}`} value={`${props.element}`}
overlayVisible={false} overlayVisible={false}