Added Jay Rock network. Fixed site logo not showing up without URL.

This commit is contained in:
2020-01-11 05:31:04 +01:00
parent 1c0030b9f3
commit 8f72e61928
14 changed files with 61 additions and 33 deletions

View File

@@ -175,7 +175,7 @@ export default {
}
.releases {
padding: 1rem;
padding: 1rem 1rem 1rem .5rem;
}
.sidebar {

View File

@@ -13,6 +13,16 @@
<ReleaseTile :release="release" />
</li>
</ul>
<span
v-if="releases.length === 0 && range !== 'all'"
class="empty"
>No {{ range }} releases</span>
<span
v-else-if="releases.length === 0"
class="empty"
>No recent or upcoming releases</span>
</div>
</template>
@@ -62,6 +72,11 @@ export default {
grid-gap: 1rem;
}
.empty {
color: $shadow-strong;
font-weight: bold;
}
@media(max-width: $breakpoint4) {
.tiles {
grid-template-columns: repeat(auto-fit, minmax(20rem, .5fr));

View File

@@ -7,8 +7,7 @@
<div class="header">
<a
v-if="site.url"
v-tooltip.bottom="`Go to ${site.url}`"
v-tooltip.bottom="site.url && `Go to ${site.url}`"
:href="site.url"
target="_blank"
rel="noopener noreferrer"

View File

@@ -4,6 +4,7 @@
<li
v-for="site in sites"
:key="`site-${site.id}`"
class="site"
>
<SiteTile :site="site" />
</li>
@@ -70,9 +71,10 @@ export default {
padding: 1rem;
grid-template-columns: 1fr;
overflow-y: auto;
scrollbar-color: $highlight-weak $profile;
}
.tile {
.site {
/* vertical grid-gap not compatible with bottom padding on scrolling containers */
margin: 0 0 1rem 0;
}

View File

@@ -3,7 +3,7 @@
class="tile"
:class="{ movie: release.type === 'movie' }"
>
<span class="banner">
<span class="poster">
<span class="details">
<router-link
v-if="release.site.independent"
@@ -149,14 +149,14 @@ export default {
height: 100%;
}
.banner {
.poster {
position: relative;
margin: 0 0 .5rem 0;
}
.thumbnail {
width: 100%;
height: 12rem;
height: 14rem;
display: flex;
justify-content: center;
align-items: center;