DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 37 Pull Requests 1 Releases Wiki Activity

Increased tile heart button size. Hiding entity tile info under hover effect.

This commit is contained in:
DebaucheryLibrarian 2021-11-21 00:15:19 +01:00
parent a5081bc7c9
commit ab29ab053e
4 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/components/actors/tile.vue
View File

@ -313,8 +313,8 @@ export default {
} }
.stash { .stash {
width: 1.25rem; width: 1.5rem;
height: 1.25rem; height: 1.5rem;
padding: .25rem .25rem .5rem .5rem; padding: .25rem .25rem .5rem .5rem;
position: absolute; position: absolute;
top: 0; top: 0;

17
assets/components/entities/tile.vue
View File

@ -40,9 +40,7 @@
>{{ entity.name }}</span> >{{ entity.name }}</span>
</div> </div>
<span <span class="count">
class="count"
>
<span>{{ entity.sceneTotal }} scenes</span> <span>{{ entity.sceneTotal }} scenes</span>
<span v-if="entity.type === 'network'">{{ entity.childrenTotal }} channels</span> <span v-if="entity.type === 'network'">{{ entity.childrenTotal }} channels</span>
</span> </span>
@ -78,9 +76,10 @@ export default {
box-shadow: 0 0 3px rgba(0, 0, 0, .25); box-shadow: 0 0 3px rgba(0, 0, 0, .25);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
overflow: hidden;
&:hover .count { &:hover .count {
color: var(--lighten); bottom: 0;
} }
} }
@ -109,11 +108,15 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
position: absolute;
bottom: -1.75rem;
box-sizing: border-box; box-sizing: border-box;
padding: .25rem .5rem; padding: .25rem .5rem;
border-top: solid 1px var(--lighten-hint); background: var(--darken-strong);
color: var(--lighten-weak); box-shadow: 0 0 3px var(--darken);
color: var(--text-light);
text-align: center; text-align: center;
font-size: .8rem; text-shadow: 1px 1px var(--darken);
transition: bottom .1s ease;
} }
</style> </style>

4
assets/components/releases/movie-tile.vue
View File

@ -252,8 +252,8 @@ export default {
} }
.stash { .stash {
width: 1.25rem; width: 1.5rem;
height: 1.25rem; height: 1.5rem;
padding: .25rem .5rem .5rem .25rem; padding: .25rem .5rem .5rem .25rem;
position: absolute; position: absolute;
top: 0; top: 0;

4
assets/components/releases/scene-tile.vue
View File

@ -299,8 +299,8 @@ export default {
} }
.stash { .stash {
width: 1.25rem; width: 1.5rem;
height: 1.25rem; height: 1.5rem;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;