diff --git a/assets/components/actors/actors.vue b/assets/components/actors/actors.vue index f7351088..31b25d9b 100644 --- a/assets/components/actors/actors.vue +++ b/assets/components/actors/actors.vue @@ -7,48 +7,9 @@ ref="filters" class="filters" > -
- + +
  • @@ -195,9 +156,48 @@
-
- +
    +
  • + all +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+
@@ -291,6 +291,7 @@ async function fetchActors(scroll) { async function searchActors(scroll) { const actors = await this.$store.dispatch('searchActors', { + minLength: 1, query: this.$route.query.query, limit: this.limit, }); @@ -419,7 +420,6 @@ export default { .search { width: 0; flex-grow: 1; - justify-content: flex-end; box-sizing: border-box; padding: 0 1rem; } @@ -427,7 +427,7 @@ export default { .filters, .filters-row { display: flex; - justify-content: center; + justify-content: flex-end; align-items: center; } @@ -435,6 +435,10 @@ export default { margin: 1rem 0 .5rem 0; } +.filters-row { + flex-grow: 1; +} + .filters-row, .filter { padding: 0 1rem; @@ -443,7 +447,7 @@ export default { .genders { display: flex; flex-shrink: 0; - padding: 0 .5rem 0 0; + padding: 0 0 0 .5rem; } .letter, @@ -686,7 +690,7 @@ export default { @media(max-width: $breakpoint-kilo) { .filters { - flex-direction: column-reverse; + flex-direction: column; } ::v-deep(.search) { @@ -698,7 +702,7 @@ export default { @media(max-width: $breakpoint) { .filters-row { - flex-direction: column; + flex-direction: column-reverse; } .genders { diff --git a/assets/components/header/header.vue b/assets/components/header/header.vue index e898106e..a481d442 100644 --- a/assets/components/header/header.vue +++ b/assets/components/header/header.vue @@ -16,7 +16,7 @@