@@ -96,6 +86,10 @@ export default {
type: Number,
default: 10,
},
+ ranges: {
+ type: Array,
+ default: () => ['latest', 'upcoming', 'new'],
+ },
availableTags: {
type: Array,
default: () => [],
@@ -324,6 +318,7 @@ export default {
text-decoration: none;
border: solid 1px transparent;
border-bottom: none;
+ text-transform: capitalize;
&:hover:not(.active) {
color: var(--shadow-strong);
diff --git a/assets/components/releases/movie-tile.vue b/assets/components/releases/movie-tile.vue
index a595c7eb..cbb775b4 100644
--- a/assets/components/releases/movie-tile.vue
+++ b/assets/components/releases/movie-tile.vue
@@ -3,7 +3,7 @@
-
@@ -13,15 +13,29 @@
:style="{ 'background-image': getBgPath(movie.covers[0], 'lazy') }"
loading="lazy"
>
-
+
+
+
+
+
-
{{ movie.title }}
-
+
{{ actor.name }}
+ >{{ actor.name }}
{{ tag.name }}
+ >{{ tag.name }}
@@ -58,6 +72,36 @@
@@ -87,6 +140,10 @@ export default {
background: var(--background);
box-shadow: 0 0 3px var(--darken-weak);
font-size: 0;
+
+ &:hover .unstashed {
+ fill: var(--lighten);
+ }
}
.movie {
@@ -101,6 +158,7 @@ export default {
.cover {
height: 100%;
+ position: relative;
box-shadow: 0 0 3px var(--darken-weak);
img {
@@ -179,6 +237,22 @@ export default {
}
}
+.stash {
+ width: 1.25rem;
+ height: 1.25rem;
+ padding: .25rem .5rem .5rem .25rem;
+ position: absolute;
+ top: 0;
+ right: 0;
+ fill: var(--lighten-weak);
+ filter: drop-shadow(0 0 2px var(--darken));
+
+ &:hover,
+ &.stashed {
+ fill: var(--primary);
+ }
+}
+
@media(max-width: $breakpoint-kilo) {
.movie {
height: 12rem;
diff --git a/assets/components/stashes/stash.vue b/assets/components/stashes/stash.vue
index d118f55d..02219a0e 100644
--- a/assets/components/stashes/stash.vue
+++ b/assets/components/stashes/stash.vue
@@ -10,11 +10,11 @@
>{{ stash.name }}