bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better search ui

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-08-18 19:47:16 +02:00
parent c7b71e5530
commit e256733c94
2 changed files with 58 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/assets/main.scss
View File

@ -487,59 +487,73 @@ body{
section.search{
@include main-cartouche();
h2{
font-weight: 400;
font-size: 1.323em;
header{
flex: 0 0 auto;
padding: 1em 0;
}
form{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
&>*{
flex: 0 1 auto;
h2{
font-weight: 400;
font-size: 1.323em;
padding: 0 0 0.5em;
}
.content-type-checkboxes{
padding:1em 0;
form{
display: flex;
flex-direction: row;
label{
padding: 0 1em 0 0.2em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
&>*{
flex: 0 1 auto;
}
.content-type-checkboxes{
padding:1em 0;
display: flex;
flex-direction: row;
label{
padding: 0 1em 0 0.2em;
}
}
}
}
section.results{
ul{
margin:0;
padding:0;
li{
main{
flex: 1 1 auto;
overflow-y: auto;
section.results{
ul{
margin:0;
padding:0 0 1em 0;
list-style: none;
padding:0;
li{
margin:0;
padding:0 0 1em 0;
list-style: none;
h1{
// font-weight: 400;
// font-size: 1.323em;
font-size: 1em;
font-weight: 300;
// line-height: 1.4;
//
margin: 0;
cursor: pointer;
}
h2 {
font-size: 0.882em;
font-weight: 100;
margin: 0;
padding: 0;
cursor: pointer;
h1{
// font-weight: 400;
// font-size: 1.323em;
font-size: 1em;
font-weight: 300;
// line-height: 1.4;
//
margin: 0;
cursor: pointer;
}
h2 {
font-size: 0.882em;
font-weight: 100;
margin: 0;
padding: 0;
cursor: pointer;
}
}
}
}
}
footer{
flex: 0 0 auto;
}
}

5
src/views/Search.vue
View File

@ -24,6 +24,7 @@ export default {
},
created () {
console.log("search created");
this.value = this.keys;
this.content_type = this.contentTypeFilter;
},
watch: {
@ -88,11 +89,11 @@ export default {
</section>
<select name="bourgeons" id="content-type-select">
<!-- <select name="bourgeons" id="content-type-select">
<option value="all">Bourgeon</option>
<option value="bourgeon1">Bourgeon1</option>
<option value="bourgeon2">Bourgeon2</option>
</select>
</select> -->
<input type="submit" value="rechercher">
</form>