ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up person row

This commit is contained in:
Christian Cueni 2022-12-05 08:12:11 +01:00
parent 59f5a5c454
commit b12bf59925
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/ui/ItPersonRow.vue
View File

@ -6,10 +6,12 @@ const props = defineProps<{
</script>
<template>
<li class="py-4 border-t border-gray-500 flex flex-row items-stretch gap-4">
<div class="flex flex-row items-center w-64">
<img class="h-12 rounded-full mr-2" :src="avatarUrl" />
<div class="text-bold">{{ name }}</div>
<li
class="py-4 leading-[45px] border-t border-gray-500 flex flex-col lg:flex-row justify-between"
>
<div class="flex flex-row md:w-1/4 items-center">
<img class="h-[45px] rounded-full mr-2" :src="avatarUrl"/>
<p class="text-bold lg:leading-[45px]">{{ name }}</p>
</div>
<div class="flex-1 flex items-center">
<slot name="center"></slot>