diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue index 29c1860c..45186f98 100644 --- a/assets/components/actors/actor.vue +++ b/assets/components/actors/actor.vue @@ -33,6 +33,20 @@ :actor="actor" class="header-social" /> + + + +
@@ -54,13 +68,6 @@ > - -
  • 0; +} + function sfw() { return this.$store.state.ui.sfw; } @@ -447,6 +480,8 @@ export default { }; }, computed: { + isStashed, + me, sfw, showAlbum, }, @@ -457,6 +492,8 @@ export default { mounted, methods: { fetchActor, + stashActor, + unstashActor, }, }; @@ -477,11 +514,10 @@ export default { align-items: center; color: var(--lighten-extreme); background: var(--profile); - padding: .5rem 1rem; } .header-name { - padding: 0; + padding: .5rem 1rem; margin: 0; display: inline-flex; justify-content: space-between; @@ -491,7 +527,7 @@ export default { .header-gender { display: inline-block; margin: 0 0 0 .5rem; - transform: translate(0, .1rem); + transform: translate(0, .125rem); } .header-social { @@ -731,6 +767,22 @@ export default { border-bottom: solid 1px var(--shadow-hint); } +.stash.icon { + width: 1.5rem; + height: 1.5rem; + padding: 0 1rem; + fill: var(--lighten); + + &.stashed { + fill: var(--primary); + } + + &:hover { + fill: var(--primary); + cursor: pointer; + } +} + @media(max-width: $breakpoint4) { .descriptions-container { display: none; @@ -795,8 +847,16 @@ export default { } .header-name { - flex-grow: 1; + flex-grow: 1; font-size: 1.3rem; + padding: .5rem .5rem .5rem 1rem; } + + .stash.icon { + width: 1.25rem; + height: 1.25rem; + padding: 0 1rem 0 .25rem; + transform: translate(0, -.1rem); + } } diff --git a/assets/components/actors/actors.vue b/assets/components/actors/actors.vue index 31ab1600..d772e673 100644 --- a/assets/components/actors/actors.vue +++ b/assets/components/actors/actors.vue @@ -81,8 +81,8 @@ @input="(range) => updateValue('age', range, false)" @change="(range) => updateValue('age', range, true)" > - - + +
    diff --git a/assets/components/header/search.vue b/assets/components/header/search.vue index 92eba890..7c915406 100644 --- a/assets/components/header/search.vue +++ b/assets/components/header/search.vue @@ -21,8 +21,10 @@