fix best locations styling

This commit is contained in:
NCanggoro 2023-09-21 15:53:53 +07:00
parent 7b3f41b265
commit ea4f3b85b5
3 changed files with 8 additions and 2 deletions

View File

@ -3,7 +3,7 @@ import './style.css';
type SeparatorProps = { type SeparatorProps = {
pageName: String, pageName: String,
pageLink: string, pageLink: string,
secondLink?: string secondLink?: string,
} }
function SeparatorWithAnchor(props: SeparatorProps) { function SeparatorWithAnchor(props: SeparatorProps) {

View File

@ -194,7 +194,7 @@ function BestLocation() {
))} ))}
</div> </div>
<div className={'p-4 bg-secondary'} style={{ minWidth: 300}}> <div className={'p-4 bg-secondary'} style={{ minWidth: 300}}>
<div className={'h-30 bg-primary p-4'} style={{ position: 'sticky', alignSelf: 'flex-start', top: 10}}> <div className={'h-30 bg-primary p-4 right-filter'}>
{REVIEWERS_TYPE.map((x, idx) => ( {REVIEWERS_TYPE.map((x, idx) => (
<a <a
onClick={(e) => onChangeReviewType(e, x.toLowerCase(), idx+1)} onClick={(e) => onChangeReviewType(e, x.toLowerCase(), idx+1)}

View File

@ -54,4 +54,10 @@
a .selected-reviewer-filter:hover{ a .selected-reviewer-filter:hover{
color: white; color: white;
cursor: default; cursor: default;
}
.right-filter {
position: sticky;
align-self: flex-start;
top: 30px;
} }