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

Fixed seed files for stand-alone channel entities.

Browse Source
This commit is contained in:
ThePendulum
2020-06-28 00:44:53 +02:00
parent 3462d7af2a
commit 7d31dd8d52
6 changed files with 243 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
assets/components/entities/entity.vue
View File

@@ -4,32 +4,46 @@
class="entity content"
>
<div class="info">
<img
v-if="$route.name === 'network'"
class="logo"
:src="`/img/logos/${entity.slug}/thumbs/network.png`"
>
<template v-if="entity.hasLogo">
<img
v-if="$route.name === 'network'"
class="logo"
:src="`/img/logos/${entity.slug}/thumbs/network.png`"
>
<img
v-else-if="entity.parent"
class="logo"
:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
>
<img
v-else-if="entity.parent"
class="logo"
:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
>
<img
<img
v-else
class="logo"
:src="`/img/logos/${entity.slug}/thumbs/${entity.slug}.png`"
>
</template>
<h2
v-else
class="logo"
:src="`/img/logos/${entity.slug}/thumbs/${entity.slug}.png`"
>
class="name"
>{{ entity.name }}</h2>
<router-link
v-if="entity.parent"
:to="`/${entity.parent.type}/${entity.parent.slug}`"
class="link parent-link"
>
<img
v-if="entity.parent.hasLogo"
class="logo logo-parent"
:src="`/img/logos/${entity.parent.slug}/thumbs/network.png`"
>
<h3
v-else
class="name parent-name"
>{{ entity.parent.name }}</h3>
</router-link>
</div>
@@ -136,6 +150,12 @@ export default {
padding: 1rem;
background: var(--profile);
border-bottom: solid 1px var(--lighten-hint);
.link {
display: flex;
align-items: center;
text-decoration: none;
}
}
.logo {
@@ -146,6 +166,15 @@ export default {
object-position: 0 50%;
}
.name {
color: var(--text-light);
display: flex;
align-items: center;
padding: 0;
margin: 0;
font-size: 1.5rem;
}
.logo-parent {
object-position: 100% 50%;
}

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

@@ -4,26 +4,33 @@
:title="entity.name"
class="tile"
>
<img
v-if="entity.type === 'network'"
:src="`/img/logos/${entity.slug}/thumbs/network.png`"
:alt="entity.name"
class="logo"
>
<template v-if="entity.hasLogo">
<img
v-if="entity.type === 'network'"
:src="`/img/logos/${entity.slug}/thumbs/network.png`"
:alt="entity.name"
class="logo"
>
<img
v-else-if="entity.parent"
:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
:alt="entity.name"
class="logo"
>
<img
v-else-if="entity.parent"
:src="`/img/logos/${entity.parent.slug}/thumbs/${entity.slug}.png`"
:alt="entity.name"
class="logo"
>
<img
<img
v-else
:src="`/img/logos/${entity.slug}/thumbs/${entity.slug}.png`"
:alt="entity.name"
class="logo"
>
</template>
<span
v-else
:src="`/img/logos/${entity.slug}/thumbs/${entity.slug}.png`"
:alt="entity.name"
class="logo"
>
class="name"
>{{ entity.name }}</span>
</router-link>
</template>
@@ -53,29 +60,20 @@ export default {
border-radius: .25rem;
box-shadow: 0 0 3px rgba(0, 0, 0, .25);
text-align: center;
}
.link {
text-decoration: none;
}
.logo {
max-width: 100%;
max-height: 100%;
color: $text-contrast;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: bold;
filter: $logo-highlight;
}
.title {
color: $text;
height: 100%;
display: flex;
align-items: center;
margin: 0;
.name {
color: var(--text-light);
font-size: 1.25rem;
font-weight: bold;
}
</style>