diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue index afcc39a3..7e1b70a7 100644 --- a/assets/components/actors/tile.vue +++ b/assets/components/actors/tile.vue @@ -313,8 +313,8 @@ export default { } .stash { - width: 1.25rem; - height: 1.25rem; + width: 1.5rem; + height: 1.5rem; padding: .25rem .25rem .5rem .5rem; position: absolute; top: 0; diff --git a/assets/components/entities/tile.vue b/assets/components/entities/tile.vue index 0bade8e8..5da4f0a9 100644 --- a/assets/components/entities/tile.vue +++ b/assets/components/entities/tile.vue @@ -40,9 +40,7 @@ >{{ entity.name }} - + {{ entity.sceneTotal }} scenes {{ entity.childrenTotal }} channels @@ -78,9 +76,10 @@ export default { box-shadow: 0 0 3px rgba(0, 0, 0, .25); text-align: center; text-decoration: none; + overflow: hidden; &:hover .count { - color: var(--lighten); + bottom: 0; } } @@ -109,11 +108,15 @@ export default { display: flex; justify-content: space-between; width: 100%; + position: absolute; + bottom: -1.75rem; box-sizing: border-box; padding: .25rem .5rem; - border-top: solid 1px var(--lighten-hint); - color: var(--lighten-weak); + background: var(--darken-strong); + box-shadow: 0 0 3px var(--darken); + color: var(--text-light); text-align: center; - font-size: .8rem; + text-shadow: 1px 1px var(--darken); + transition: bottom .1s ease; } diff --git a/assets/components/releases/movie-tile.vue b/assets/components/releases/movie-tile.vue index 155680f1..7330d3bb 100644 --- a/assets/components/releases/movie-tile.vue +++ b/assets/components/releases/movie-tile.vue @@ -252,8 +252,8 @@ export default { } .stash { - width: 1.25rem; - height: 1.25rem; + width: 1.5rem; + height: 1.5rem; padding: .25rem .5rem .5rem .25rem; position: absolute; top: 0; diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue index b0c11de5..e4afbc25 100644 --- a/assets/components/releases/scene-tile.vue +++ b/assets/components/releases/scene-tile.vue @@ -299,8 +299,8 @@ export default { } .stash { - width: 1.25rem; - height: 1.25rem; + width: 1.5rem; + height: 1.5rem; position: absolute; top: 0; right: 0;