small ui fix

This commit is contained in:
Dobromir Popov
2024-05-06 00:44:03 +03:00
parent 27a65b7dc0
commit 9056ca4f4a

View File

@ -196,11 +196,11 @@ function UserDetails({ session }) {
return ( return (
<> <>
<hr className="m-0" /> <hr className="m-0" />
<div className="flex items-center"> <div className="items-center">
{session.user.image && ( {session.user.image && (
<img className="object-cover mx-2 rounded-full h-9 w-9" src={session.user.image} alt="avatar" /> <img className="object-cover mx-2 rounded-full h-9 w-9" src={session.user.image} alt="avatar" />
)} )}
<div className="ml-3 overflow-hidden"> <div className="overflow-hidden">
<p className="mx-1 mt-1 text-sm font-medium text-gray-800 dark:text-gray-200">{session.user.name}</p> <p className="mx-1 mt-1 text-sm font-medium text-gray-800 dark:text-gray-200">{session.user.name}</p>
<p className="mx-1 mt-1 text-sm font-medium text-gray-600 dark:text-gray-400">{session.user.role}</p> <p className="mx-1 mt-1 text-sm font-medium text-gray-600 dark:text-gray-400">{session.user.role}</p>
<a href="/api/auth/signout" className={styles.button} onClick={(e) => { e.preventDefault(); signOut(); }}> <a href="/api/auth/signout" className={styles.button} onClick={(e) => { e.preventDefault(); signOut(); }}>