theoludwig/FunctionProject
theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

frontend: Select et Search responsive

Browse Source
This commit is contained in:
Divlo 2020-03-19 17:46:43 +01:00
parent d66c4037db
commit 280982a8d5
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/pages/functions.js
View File

@ -18,7 +18,7 @@ const Functions = () => (
</div> </div>
<div className="Functions__search-container row justify-content-center"> <div className="Functions__search-container row justify-content-center">
<select className="form-control"> <select className="Functions__select form-control">
{/* TODO: API Call to fetch categories */} {/* TODO: API Call to fetch categories */}
<option>Toutes catégories</option> <option>Toutes catégories</option>
<option className="Functions__select-option" style={{ backgroundColor: "#406880" }}>✨ Utilitaires</option> <option className="Functions__select-option" style={{ backgroundColor: "#406880" }}>✨ Utilitaires</option>

16
frontend/public/css/pages/functions.css
View File

@ -10,5 +10,19 @@
color: rgb(221, 220, 220); color: rgb(221, 220, 220);
} }
.Functions__search-input { .Functions__search-input {
width: 35%; width: 40%;
}
/* col-sm */
@media (max-width: 576px) {
.Functions__search-container {
flex-direction: column;
align-items: center;
}
.Functions__select {
width: 90%;
margin-bottom: 5px;
}
.Functions__search-input {
width: 90%;
}
} }