31 lines
745 B
HTML
31 lines
745 B
HTML
<div class="p-grid p-align-center p-justify-between">
|
|
<div class="p-col">
|
|
<p>Theme</p>
|
|
</div>
|
|
<div class="p-col">
|
|
<div class="buttons has-addons">
|
|
<button
|
|
class="button"
|
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.LIGHT }"
|
|
(click)="selectTheme('LIGHT')"
|
|
>
|
|
<i class="fa fa-sun-o"></i>
|
|
</button>
|
|
<button
|
|
class="button"
|
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.DARK }"
|
|
(click)="selectTheme('DARK')"
|
|
>
|
|
<i class="fa fa-moon"></i>
|
|
</button>
|
|
<button
|
|
class="button"
|
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.RED }"
|
|
(click)="selectTheme('RED')"
|
|
>
|
|
<i class="fa fa-adjust"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|