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

feat: improve channel list appearance

Browse source
This commit is contained in:
SauceyRed 2025-05-29 22:16:42 +02:00
parent be528649e1
commit 6a3c8e8982
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
2 changed files with 18 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/Channel.vue
View file

@ -1,19 +1,21 @@
<template>
<div v-if="current" class="channel-list-link-container">
<div v-if="isCurrentChannel" class="channel-list-link-container rounded-corners current-channel">
<NuxtLink class="channel-list-link" :href="props.href">
# {{ name }}
# {{ props.name }}
</NuxtLink>
</div>
<div v-else class="channel-list-link-container current-channel">
<div v-else class="channel-list-link-container rounded-corners">
<NuxtLink class="channel-list-link" :href="props.href">
# {{ name }}
# {{ props.name }}
</NuxtLink>
</div>
</template>
<script lang="ts" setup>
const props = defineProps<{ name: string, href: string, current?: boolean }>();
const props = defineProps<{ name: string, uuid: string, currentUuid: string, href: string }>();
const isCurrentChannel = props.uuid == props.currentUuid;
</script>
@ -30,6 +32,7 @@ const props = defineProps<{ name: string, href: string, current?: boolean }>();
display: flex;
height: 4dvh;
white-space: nowrap;
align-items: center;
}
.current-channel {