Spaces:
Running
Running
File size: 1,928 Bytes
0c48973 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<nav class="bg-white bg-opacity-90 shadow-sm">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0 flex items-center">
<img class="h-8 w-auto" src="http://static.photos/minimal/200x200/5" alt="Studio Logo">
</div>
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
<a href="/" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Home
</a>
<a href="/tasks" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
Tasks
</a>
</div>
</div>
<div class="hidden sm:ml-6 sm:flex sm:items-center">
<ng-container *ngIf="isLoggedIn; else loginButton">
<div class="ml-3 relative">
<div>
<button type="button" class="bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
<span class="sr-only">Open user menu</span>
<img class="h-8 w-8 rounded-full" [src]="userProfile?.picture" alt="Profile picture">
</button>
</div>
</div>
</ng-container>
<ng-template #loginButton>
<button (click)="handleAuthClick()" class="ml-3 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Sign in with Google
</button>
</ng-template>
</div>
</div>
</div>
</nav>
<main>
<router-outlet></router-outlet>
</main> |