Commit 8be490ac authored by DESKTOP-J7QTMBR\mikke's avatar DESKTOP-J7QTMBR\mikke
Browse files

css changes

parent ee38d98a
.ContinentCheckbox{
display: flex;
align-items: flex-start;
margin-top: 0px;
}
@media only screen and (min-width: 1100px) {
.ContinentCheckbox{
display: flex;
align-items: flex-start;
margin-top: 200px;
}
}
\ No newline at end of file
......@@ -7,27 +7,31 @@
z-index: 20;
}
.Filter__Big_Container{
display: inline-block;
display: flex;
position: absolute;
margin-left: -2rem;
left: 42rem;
top: 5.5rem;
top: 1rem;
z-index: 20;
}
.Filter__Title, .Filter__Container__closed:hover {
cursor: pointer;
}
.Filter__Options{
position: absolute;
padding: 0;
margin-left: 2vw;
display: grid;
width: 15rem;
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 8rem;
height: 10rem;
z-index: 20;
}
.Filter__Big_Buttons{
display: flex;
flex-flow: row;
margin-left: -8rem;
margin-top: 8rem;
height: 3vmin;
width: 50vmin;
justify-Content: space-around;
......
......@@ -14,7 +14,10 @@ export const Filter: FunctionComponent<IProps> = ({onButtonClick, filterClick})
const [hidden, setHidden] = useState(true);
const filterOptions = <>
<div className={"all_buttons"}>
<Button variant="secondary"
</div>
<div className={"ContinentCheckbox"}>
<Button variant="secondary"
onClick={()=> onButtonClick(["name", "ASC"])}>Name abc</Button>
<Button variant="secondary"
onClick={()=> onButtonClick(["name", "DESC"])}>Name xyz</Button>
......@@ -22,8 +25,6 @@ export const Filter: FunctionComponent<IProps> = ({onButtonClick, filterClick})
onClick={()=> onButtonClick(["capital", "ASC"])}>Capital abc</Button>
<Button variant="secondary"
onClick={()=> onButtonClick(["capital", "DESC"])}>Capital xyz</Button>
</div>
<div className={"ContinentCheckbox"}>
<ContinentCheckbox handleClick={filterClick}/>
</div>
</>;
......@@ -32,8 +33,9 @@ export const Filter: FunctionComponent<IProps> = ({onButtonClick, filterClick})
<>
<div className={"Filter__Big_Container"}>
<div><Settings/>Filter Options</div>
<div><Settings/>Filter Options</div>
<div className={"Filter__Big_Buttons"}>
{filterOptions}
</div>
</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment