Clean up person row
This commit is contained in:
parent
59f5a5c454
commit
b12bf59925
|
|
@ -6,10 +6,12 @@ const props = defineProps<{
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<li class="py-4 border-t border-gray-500 flex flex-row items-stretch gap-4">
|
<li
|
||||||
<div class="flex flex-row items-center w-64">
|
class="py-4 leading-[45px] border-t border-gray-500 flex flex-col lg:flex-row justify-between"
|
||||||
<img class="h-12 rounded-full mr-2" :src="avatarUrl" />
|
>
|
||||||
<div class="text-bold">{{ name }}</div>
|
<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>
|
||||||
<div class="flex-1 flex items-center">
|
<div class="flex-1 flex items-center">
|
||||||
<slot name="center"></slot>
|
<slot name="center"></slot>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue