boiii
/
traxxx
forked from DebaucheryLibrarian/traxxx
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Release tile favicon now links to network overview.

This commit is contained in:
ThePendulum 2020-02-20 02:53:24 +01:00
parent 5d212df929
commit acf780635b
2 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/components/networks/network.vue
View File

@ -231,10 +231,6 @@ export default {
.parent { .parent {
display: inline-block; display: inline-block;
height: 3rem; height: 3rem;
:before {
content: 'Part of';
}
} }
.header { .header {

37
assets/components/tile/release.vue
View File

@ -15,16 +15,27 @@
class="favicon" class="favicon"
>{{ release.network.name }}</router-link> >{{ release.network.name }}</router-link>
<router-link <span
v-else v-else
v-tooltip.bottom="`Part of ${release.network.name}`" class="site"
:title="`Part of ${release.network.name}`" >
:to="`/site/${release.site.slug}`" <router-link
class="site site-link" v-tooltip.bottom="`Part of ${release.network.name}`"
><img :title="`Part of ${release.network.name}`"
:src="`/img/logos/${release.network.slug}/favicon.png`" :to="`/network/${release.network.slug}`"
class="favicon" class="site-link"
>{{ release.site.name }}</router-link> ><img
:src="`/img/logos/${release.network.slug}/favicon.png`"
class="favicon"
></router-link>
<router-link
v-tooltip.bottom="`More from ${release.site.name}`"
:title="`More from ${release.site.name}`"
:to="`/site/${release.site.slug}`"
class="site-link"
>{{ release.site.name }}</router-link>
</span>
<a <a
v-if="release.date" v-if="release.date"
@ -201,7 +212,7 @@ export default {
.site, .site,
.date { .date {
color: #fff; color: $text-contrast;
display: flex; display: flex;
align-items: center; align-items: center;
background: $shadow; background: $shadow;
@ -230,6 +241,12 @@ export default {
font-weight: bold; font-weight: bold;
} }
.site-link {
display: flex;
color: $text-contrast;
text-decoration: none;
}
.info { .info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;