diff --git a/assets/components/users/actor-preview.vue b/assets/components/users/actor-preview.vue index e5933f07..3a8e513d 100644 --- a/assets/components/users/actor-preview.vue +++ b/assets/components/users/actor-preview.vue @@ -63,7 +63,7 @@ export default { justify-content: center; width: 2rem; height: 100%; - background: var(--profile); + border-right: solid 1px var(--shadow-hint); } .avatar-image { @@ -74,7 +74,7 @@ export default { } .avatar-fallback { - fill: var(--lighten-weak); + fill: var(--shadow-weak); } .name { diff --git a/assets/components/users/user.vue b/assets/components/users/user.vue index 8b0fdf98..82aa2ab5 100644 --- a/assets/components/users/user.vue +++ b/assets/components/users/user.vue @@ -215,6 +215,7 @@ export default { .stash-scenes { display: flex; overflow-x: auto; + grid-gap: .5rem; scroll-behavior: smooth; scrollbar-width: none; @@ -225,17 +226,13 @@ export default { .stash-scenes { height: 8rem; - grid-gap: .5rem; -} - -.stash-actors { - grid-gap: 1rem; } .stash-actor, .stash-scene { height: 100%; flex-shrink: 0; + font-size: 0; } @media(max-width: $breakpoint-kilo) {