mirrors/metube
1
0
Fork 0
mirror of https://github.com/alexta69/metube.git synced 2025-04-04 12:47:38 +03:00
Code Issues Projects Releases Packages Wiki Activity

changes to the theme toggle button

Browse source
This commit is contained in:
Alex Shnitman 2021-12-17 19:30:20 +02:00
parent 61900a7ba8
commit 498e30c633
6 changed files with 1339 additions and 1467 deletions
Download patch file Download diff file Expand all files Collapse all files

2787
ui/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

1
ui/package.json
View file

@ -26,7 +26,6 @@
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@ng-bootstrap/ng-bootstrap": "^10.0.0",
"bootstrap": "^4.5.0",
"bootstrap-icons": "^1.7.2",
"ngx-cookie-service": "^12.0.3",
"ngx-socket-io": "^4.1.0",
"rxjs": "~6.6.0",

9
ui/src/app/app.component.html
View file

@ -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>

4
ui/src/app/app.component.sass
View file

@ -1,3 +1,7 @@
.button-toggle-theme:focus, .button-toggle-theme:active
box-shadow: none
outline: 0px
.add-url-box
max-width: 720px
margin: 4rem auto

4
ui/src/app/app.component.ts
View file

@ -1,6 +1,6 @@
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
import { faTrashAlt, faCheckCircle, faTimesCircle } from '@fortawesome/free-regular-svg-icons';
import { faRedoAlt } from '@fortawesome/free-solid-svg-icons';
import { faRedoAlt, faSun, faMoon } from '@fortawesome/free-solid-svg-icons';
import { CookieService } from 'ngx-cookie-service';
import { DownloadsService, Status } from './downloads.service';
@ -32,6 +32,8 @@ export class AppComponent implements AfterViewInit {
faCheckCircle = faCheckCircle;
faTimesCircle = faTimesCircle;
faRedoAlt = faRedoAlt;
faSun = faSun;
faMoon = faMoon;
constructor(public downloads: DownloadsService, private cookieService: CookieService) {
this.format = cookieService.get('metube_format') || 'any';

1
ui/src/styles.sass
View file

@ -2,4 +2,3 @@
/* Importing Bootstrap SCSS file. */
@import '~bootstrap/scss/bootstrap'
@import '~bootstrap-icons/font/bootstrap-icons.css'