Added movie tile. Fixed actor header. Larger breakpoint for nav menu.

This commit is contained in:
DebaucheryLibrarian
2020-08-01 15:11:07 +02:00
parent 6c5a62353c
commit 767437d9aa
28 changed files with 254 additions and 67 deletions

View File

@@ -3,12 +3,6 @@
v-if="tag.poster"
class="tile"
>
<router-link
class="title"
:to="{ name: 'tag', params: { tagSlug: tag.slug, range: 'latest' } }"
:title="tag.name"
>{{ tag.name }}</router-link>
<router-link
:to="{ name: 'tag', params: { tagSlug: tag.slug, range: 'latest' } }"
:title="tag.name"
@@ -48,6 +42,13 @@
class="poster"
>
</router-link>
<router-link
class="title"
:to="{ name: 'tag', params: { tagSlug: tag.slug, range: 'latest' } }"
:title="tag.name"
>{{ tag.name }}</router-link>
</div>
<span
@@ -85,15 +86,10 @@ export default {
box-sizing: border-box;
position: relative;
text-decoration: none;
font-size: 0;
&:hover {
.title {
color: var(--primary);
}
.poster {
box-shadow: 0 0 3px var(--darken);
}
&:hover .poster {
box-shadow: 0 0 3px var(--darken);
}
}
@@ -103,13 +99,15 @@ export default {
}
.title {
display: inline-block;
display: block;
box-sizing: border-box;
padding: .25rem 1rem .25rem .5rem;
padding: .5rem;
overflow: hidden;
white-space: nowrap;
color: var(--shadow-strong);
color: var(--text-light);
background: var(--profile);
text-decoration: none;
font-size: .9rem;
font-weight: bold;
text-transform: capitalize;
text-overflow: ellipsis;