gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: add Channel component
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-05-26 22:48:11 +02:00
parent 8ce2d52044
commit 1d79f680df
1 changed files with 23 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

28
components/Channel.vue
View file

@ -1,14 +1,19 @@
<template> <template>
<div> <div v-if="current" class="channel-list-link-container">
<a class="channel-list-link" :href="href"> <NuxtLink class="channel-list-link" :href="props.href">
{{ name }} # {{ name }}
</a> </NuxtLink>
</div>
<div v-else class="channel-list-link-container current-channel">
<NuxtLink class="channel-list-link" :href="props.href">
# {{ name }}
</NuxtLink>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps<{ name: string, href: string }>(); const props = defineProps<{ name: string, href: string, current?: boolean }>();
</script> </script>
@ -16,5 +21,18 @@ const props = defineProps<{ name: string, href: string }>();
.channel-list-link { .channel-list-link {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
padding-left: .5dvw;
padding-right: .5dvw;
}
.channel-list-link-container {
text-align: left;
display: flex;
height: 4dvh;
white-space: nowrap;
}
.current-channel {
background-color: rgb(70, 70, 70);
} }
</style> </style>