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

View File

@ -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>