diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue index 0cf2cc182..a6a8745e1 100644 --- a/assets/components/actors/tile.vue +++ b/assets/components/actors/tile.vue @@ -3,7 +3,7 @@ v-if="actor" class="actor" > - @@ -15,7 +15,7 @@ class="name" >{{ actor.name }} - - + - + diff --git a/assets/components/filters/filter-bar.vue b/assets/components/filters/filter-bar.vue index c58ca42a9..75bf103b9 100644 --- a/assets/components/filters/filter-bar.vue +++ b/assets/components/filters/filter-bar.vue @@ -2,22 +2,12 @@
Latest - - Upcoming - - New + >{{ section }}
@@ -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 a595c7eb2..cbb775b4a 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 d118f55dd..02219a0e2 100644 --- a/assets/components/stashes/stash.vue +++ b/assets/components/stashes/stash.vue @@ -10,11 +10,11 @@ >{{ stash.name }} - {{ stash.user.username }} + >{{ stash.user.username }}
@@ -78,12 +100,37 @@