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

5
src/views/Search.vue
View File

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