diff --git a/components/filters/actors.vue b/components/filters/actors.vue index c4c955c..3498876 100644 --- a/components/filters/actors.vue +++ b/components/filters/actors.vue @@ -9,7 +9,7 @@ @@ -51,7 +51,7 @@
No actors
diff --git a/components/filters/channels.vue b/components/filters/channels.vue index 9366904..8e5d67e 100644 --- a/components/filters/channels.vue +++ b/components/filters/channels.vue @@ -26,7 +26,7 @@
No channels
diff --git a/components/filters/filters.vue b/components/filters/filters.vue index b2943d3..78ddbeb 100644 --- a/components/filters/filters.vue +++ b/components/filters/filters.vue @@ -9,6 +9,7 @@
@@ -54,6 +55,10 @@ defineProps({ type: Number, default: null, }, + loading: { + type: Boolean, + default: false, + }, }); // desktop defaults to open, compact defaults to closed @@ -315,6 +320,7 @@ function toggleFilters(state) { height: 100%; display: flex; flex-direction: column; + background: var(--background); } .filters { @@ -332,15 +338,15 @@ function toggleFilters(state) { } .filters-toggle { - min-width: 1.5rem; - height: 2rem; + min-width: 2rem; + height: 2.5rem; display: none; justify-content: center; align-items: center; padding: 0 .25rem; position: absolute; - top: .5rem; - right: -2rem; + top: .35rem; + right: -2.5rem; border-radius: 0 .5rem .5rem 0; background: var(--background); color: var(--shadow); @@ -381,6 +387,11 @@ function toggleFilters(state) { border-radius: 0; } +.loading { + opacity: .3; + pointer-events: none; +} + @media (max-width: 1200px) { .filters-container { display: none; @@ -389,7 +400,7 @@ function toggleFilters(state) { position: fixed; top: 0; left: 0; - z-index: 1000; + z-index: 500; background: var(--background-dim); &.show { diff --git a/components/filters/tags.vue b/components/filters/tags.vue index cae202e..d62ad3c 100644 --- a/components/filters/tags.vue +++ b/components/filters/tags.vue @@ -4,7 +4,7 @@ @@ -40,7 +40,7 @@
No tags
diff --git a/components/scenes/scenes.vue b/components/scenes/scenes.vue index 56e3126..edfba4e 100644 --- a/components/scenes/scenes.vue +++ b/components/scenes/scenes.vue @@ -5,7 +5,7 @@