Fixed bio and profile nav overflow, scene page channel name when no logo.

This commit is contained in:
2024-11-03 01:56:51 +01:00
parent cd85e46594
commit 8f5b7e9c45
5 changed files with 44 additions and 9 deletions

View File

@@ -10,13 +10,18 @@
<Link
v-if="scene.channel"
:href="`/${scene.channel.type}/${scene.channel.slug}`"
class="channel-link entity-link"
class="channel-link entity-link nolink"
>
<img
v-if="scene.channel.hasLogo"
:src="scene.channel.isIndependent || !scene.network ? `/logos/${scene.channel.slug}/thumbs/network.png` : `/logos/${scene.network.slug}/thumbs/${scene.channel.slug}.png`"
class="channel-logo entity-logo"
>
<span
v-else
class="name"
>{{ scene.channel.name }}</span>
</Link>
<span

View File

@@ -17,7 +17,8 @@
<nav
v-if="profile.id === user?.id"
class="domains"
class="domains nobar"
@wheel.prevent="scrollHorizontal"
>
<a
:href="`/user/${profile.username}/stashes`"
@@ -117,6 +118,10 @@ const mockupRelease = {
name: 'Traxxx',
},
};
function scrollHorizontal(event) {
event.currentTarget.scrollLeft += event.deltaY; // eslint-disable-line no-param-reassign
}
</script>
<style>
@@ -213,6 +218,7 @@ const mockupRelease = {
}
.domain {
flex-shrink: 0;
color: var(--glass-strong-20);
background: var(--background-dark-20);
padding: .5rem 1rem;
@@ -257,7 +263,6 @@ const mockupRelease = {
}
.domains {
justify-content: center;
padding: .5rem .5rem;
}