funky-framadate-front/src/app/app.component.html

43 lines
1.1 KiB
HTML
Raw Normal View History

2020-04-22 12:56:18 +02:00
<div id="big_container" [class]="themeClass">
2020-04-21 10:50:26 +02:00
<header class="big-header">
<div class="container">
2020-04-22 12:56:18 +02:00
<div class="columns is-mobile is-vcentered">
<div class="column is-pulled-left has-addons">
<img
(click)="toggleMenu()"
alt="menu icon"
class="menu_icon clickable"
src="assets/img/icone-menu.svg"
/>
<br />
<span (click)="toggleMenu()" class="menu_label">Menu</span>
</div>
<div class="column">
<app-logo></app-logo>
</div>
2020-04-21 10:50:26 +02:00
<div class="column">
2020-04-22 12:56:18 +02:00
<app-theme-selector></app-theme-selector>
2020-04-21 10:50:26 +02:00
</div>
<div class="column">
2020-04-22 12:56:18 +02:00
<app-language-selector></app-language-selector>
2020-04-21 10:50:26 +02:00
</div>
</div>
</div>
</header>
2020-04-21 10:50:26 +02:00
<main>
<div class="container">
2020-04-22 12:56:18 +02:00
<div class="columns is-mobile">
2020-04-21 10:50:26 +02:00
<div class="column is-one-quarter togglable-menu" *ngIf="config.menuVisible">
2020-04-22 12:56:18 +02:00
<app-navigation [step]="step"></app-navigation>
<app-debugger *ngIf="isDebugMode"></app-debugger>
2020-04-21 10:50:26 +02:00
</div>
<div class="column">
<router-outlet></router-outlet>
</div>
</div>
</div>
</main>
<p-toast position="top-right"></p-toast>
</div>