Commit 7e82bf46 authored by Juraj Fiala's avatar Juraj Fiala
Browse files

feat: Update layout visuals

parent ad55aaae
Pipeline #142454 waiting for manual action with stage
<div class="w-full bg-black h-20 text-white shadow-xl flex mb-4">
<button mat-icon-button routerLink="/auth">
<mat-icon>home</mat-icon>
</button>
<div>Secret archive</div>
<button mat-icon-button routerLink="/" (click)="logOut()">
<mat-icon>logout</mat-icon>
</button>
</div>
<router-outlet></router-outlet>
<mat-drawer-container class="h-full" autosize>
<mat-drawer #drawer mode="over">
<div class="w-72 h-48 flex flex-col justify-end">
<h2 class="px-4">Secret archive</h2>
</div>
<mat-divider></mat-divider>
<mat-action-list>
<mat-list-item mat-button routerLink="/auth">
<mat-icon matListIcon>home</mat-icon>
Home
</mat-list-item>
<mat-list-item mat-button>
<mat-icon matListIcon>settings</mat-icon>
Settings
</mat-list-item>
<mat-list-item mat-button>
<mat-icon matListIcon>support</mat-icon>
<span>Help</span>
</mat-list-item>
<mat-list-item mat-button>
<mat-icon matListIcon>info</mat-icon>
<span>About</span>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item mat-button routerLink="/" (click)="logOut()">
<mat-icon matListIcon>logout</mat-icon>
Logout
</mat-list-item>
</mat-action-list>
</mat-drawer>
<mat-toolbar color="primary" class="sticky inset-x-0 top-0 w-full bg-black h-20 text-white shadow-lg flex">
<div class="example-sidenav-content">
<button type="button" mat-icon-button (click)="drawer.toggle()">
<mat-icon>menu</mat-icon>
</button>
</div>
<span>Secret archive</span>
<span class="flex-1"></span>
</mat-toolbar>
<router-outlet></router-outlet>
<mat-toolbar color="primary" class="fixed inset-x-0 bottom-0 flex flex-row justify-around">
<button color="primary" mat-flat-button routerLink="/auth/missions" routerLinkActive="!font-bold">
<mat-icon class="material-icons">check_circle</mat-icon>
<span class="block leading-tight">Missions</span>
</button>
<button color="primary" mat-flat-button routerLink="/auth/agents" routerLinkActive="!font-bold">
<mat-icon class="material-icons">face</mat-icon>
<span class="block leading-tight">Agents</span>
</button>
<button color="primary" mat-flat-button routerLink="/auth/countries" routerLinkActive="!font-white">
<mat-icon class="material-icons">flag</mat-icon>
<span class="block leading-tight !text-grey-400">Countries</span>
</button>
</mat-toolbar>
</mat-drawer-container>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment