Compare commits

..

No commits in common. "37b40f1744de8a3acacc05efbf2dfee925ed9e1f" and "63ee4cae31b314b0209243d94f3f604ecd7e2fdc" have entirely different histories.

7 changed files with 32 additions and 71 deletions

View File

@ -6,7 +6,6 @@
>Some actors may not be listed, apply a filter or search to narrow down results.</div>
<div class="filters-sort">
<label class="filter-search">
<input
v-model="search"
type="search"
@ -14,9 +13,6 @@
class="input input-inline filters-search"
>
<Icon icon="search" />
</label>
<div
class="filter-sort noselect"
@click="selectGender"

View File

@ -1,7 +1,6 @@
<template>
<div class="filter channels-container">
<div class="filters-sort">
<label class="filter-search">
<input
v-model="search"
type="search"
@ -9,9 +8,6 @@
class="input input-inline filters-search"
>
<Icon icon="search" />
</label>
<div
v-show="order === 'name'"
class="filter-sort order noselect"

View File

@ -1,21 +1,15 @@
<template>
<div
class="countries-container"
>
<label
v-if="!filters.country"
class="filter-search"
>
<input
v-if="!filters.country"
v-model="countryQuery"
type="search"
placeholder="Filter countries"
class="input input-inline countries-search filters-search"
class="input input-inline countries-search"
>
<Icon icon="search" />
</label>
<div
v-if="filteredCountries.length > 0"
class="countries-list"
@ -34,10 +28,7 @@
/>
</div>
<div
v-else
class="empty"
>
<div class="empty">
No matching countries
</div>
</div>
@ -75,12 +66,13 @@ const filteredCountries = computed(() => allCountries.value.filter((country) =>
<style scoped>
.countries-container {
border-bottom: solid 1px var(--shadow-weak-30);
padding-bottom: .25rem;
padding: .25rem 0;
margin-bottom: .5rem;
}
.filter-search {
.countries-search {
width: 100%;
margin-bottom: .25rem;
border-bottom: solid 1px var(--shadow-weak-40);
}

View File

@ -272,6 +272,7 @@ function toggleFilters(state) {
&.order {
padding: 0 .5rem 0 .25rem;
}
.icon {
fill: var(--glass);
}
@ -285,26 +286,6 @@ function toggleFilters(state) {
}
}
.filter-search {
display: flex;
flex-direction: row-reverse;
cursor: pointer;
.icon {
padding: .5rem .25rem .5rem .75rem;
fill: var(--glass-weak-20);
&:hover {
cursor: pointer;
fill: var(--primary);
}
}
.input:focus + .icon {
fill: var(--primary);
}
}
.filter-details {
display: flex;
align-items: stretch;

View File

@ -1,7 +1,6 @@
<template>
<div class="filter tags-container">
<div class="filters-sort">
<label class="filter-search">
<input
v-model="search"
type="search"
@ -9,9 +8,6 @@
class="input input-inline filters-search"
>
<Icon icon="search" />
</label>
<div
v-show="order === 'priority'"
class="filter-sort order noselect"

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{
"name": "traxxx-web",
"version": "0.40.11",
"version": "0.40.10",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"version": "0.40.11",
"version": "0.40.10",
"dependencies": {
"@brillout/json-serializer": "^0.5.8",
"@dicebear/collection": "^7.0.5",

View File

@ -87,7 +87,7 @@
"overrides": {
"vite": "$vite"
},
"version": "0.40.11",
"version": "0.40.10",
"imports": {
"#/*": "./*.js"
}