edit users
This commit is contained in:
@@ -11,15 +11,21 @@ const AVATAR =
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="group/user flex flex-row items-center justify-between gap-4">
|
||||
<div
|
||||
class="group/user bg-accent/30 flex cursor-pointer flex-row items-center justify-between gap-4 overflow-hidden rounded-lg p-2 pl-3"
|
||||
>
|
||||
<Avatar>
|
||||
<AvatarImage :src="AVATAR" />
|
||||
</Avatar>
|
||||
<div class="flex grow flex-col leading-4">
|
||||
<span class="text-sm font-medium">{{ user.name }}</span>
|
||||
<span class="text-muted-foreground text-xs">{{ user.email }}</span>
|
||||
<div class="flex min-w-0 shrink grow flex-col leading-4">
|
||||
<span class="truncate text-sm font-medium">{{ user.name }}</span>
|
||||
<span class="text-muted-foreground truncate text-xs">{{
|
||||
user.email
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="opacity-0 transition-all group-hover/user:opacity-100">
|
||||
<div
|
||||
class="flex justify-end transition-all not-pointer-coarse:opacity-0 not-pointer-coarse:group-hover/user:opacity-100"
|
||||
>
|
||||
<slot name="actions" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user