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

refactor: try sorting components into sub-folders
Some checks failed
ci/woodpecker/push/build-and-publish Pipeline failed
Details

Browse source
This commit is contained in:
Twig 2025-07-10 22:47:52 +02:00
parent 5dbf21b0ab
commit 15e5a21277
No known key found for this signature in database
10 changed files with 0 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

35
components/User/UserEntry.vue Normal file
View file

@ -0,0 +1,35 @@
<template>
<NuxtLink class="user-item" :href="`/me/${user.uuid}`" tabindex="0">
<img v-if="props.user.avatar" class="user-avatar" :src="props.user.avatar" :alt="props.user.display_name ?? props.user.username" />
<Icon v-else class="user-avatar" name="lucide:user" />
<span class="user-display-name">{{ props.user.display_name || props.user.username }}</span>
</NuxtLink>
</template>
<script lang="ts" setup>
import type { UserResponse } from '~/types/interfaces';
const props = defineProps<{
user: UserResponse
}>();
</script>
<style>
.user-item {
display: flex;
align-items: center;
text-align: left;
margin-top: .5em;
margin-bottom: .5em;
gap: .5em;
cursor: pointer;
}
.user-avatar {
width: 2.3em;
height: 2.3em;
border-radius: 50%;
}
</style>