diff options
| author | Alex Shnitman <alexta69@gmail.com> | 2021-12-17 19:30:20 +0200 |
|---|---|---|
| committer | Alex Shnitman <alexta69@gmail.com> | 2021-12-17 19:30:20 +0200 |
| commit | 498e30c6335693436eb01edf99dd955562a324f6 (patch) | |
| tree | 9a5aacb087f5db2bbbfe87c9760468246d49b427 /ui/src/app/app.component.html | |
| parent | Theme button is now material button (diff) | |
| download | metube-498e30c6335693436eb01edf99dd955562a324f6.tar.gz metube-498e30c6335693436eb01edf99dd955562a324f6.tar.bz2 metube-498e30c6335693436eb01edf99dd955562a324f6.zip | |
changes to the theme toggle button
Diffstat (limited to 'ui/src/app/app.component.html')
| -rw-r--r-- | ui/src/app/app.component.html | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html index 3fc9bd2..cebd97f 100644 --- a/ui/src/app/app.component.html +++ b/ui/src/app/app.component.html @@ -12,12 +12,9 @@ </ul> </div> --> - <div> - <button class="btn btn-secondary" aria-label="Toggle theme" (click)="themeChanged()"> - <i *ngIf="darkMode; else sunIcon" class="bi bi-sun-fill"></i> - <ng-template #sunIcon> - <i class="bi bi-moon-stars-fill"></i> - </ng-template> + <div class="ml-auto"> + <button class="btn btn-outline-light button-toggle-theme" aria-label="Toggle theme" (click)="themeChanged()"> + <fa-icon [icon]="darkMode ? faSun : faMoon"></fa-icon> </button> </div> </nav> |