<!-- <app-sidebar></app-sidebar>
<div class="p-4 sm:ml-64" id="div-sidebar">
  <div class="container">
    <ul >
      <li></li>
      <li>Email: {{ user.email }}</li>
    </ul>
  </div>
</div> -->

<app-sidebar></app-sidebar>
<div class="p-4 sm:ml-64" id="div-sidebar">
  <div
    class="flex flex-col items-center bg-white md:flex-row md:max-w-xl"
    *ngIf="auth.user$ | async as user"
  >
    <img
      class="object-cover w-full h-96 md:h-auto md:w-48"
      src="{{ user.picture }}"
      alt=""
    />
    <div class="flex flex-col justify-between p-4 leading-normal">
      <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900">
        {{ user.name }}
      </h5>
      <p class="mb-3 font-normal text-gray-700">
        {{ user.email }}
      </p>
    </div>
  </div>
</div>
