diff --git a/frontend/src/app/pages/vote/vote.component.html b/frontend/src/app/pages/vote/vote.component.html index 669592f..280d860 100644 --- a/frontend/src/app/pages/vote/vote.component.html +++ b/frontend/src/app/pages/vote/vote.component.html @@ -57,7 +57,9 @@ [href]="voteSites[voteSite]">
diff --git a/frontend/src/app/pages/vote/vote.component.scss b/frontend/src/app/pages/vote/vote.component.scss index 80bd995..9de9f9a 100644 --- a/frontend/src/app/pages/vote/vote.component.scss +++ b/frontend/src/app/pages/vote/vote.component.scss @@ -43,9 +43,9 @@ } .available-button-outer { - background-color: #4caf50 !important; + border: 2px solid #4caf50; } .not-available-button-outer { - background-color: var(--white) !important; + border: 2px solid #ffa433; } diff --git a/frontend/src/app/pages/vote/vote.component.ts b/frontend/src/app/pages/vote/vote.component.ts index 355eba2..0b9a29d 100644 --- a/frontend/src/app/pages/vote/vote.component.ts +++ b/frontend/src/app/pages/vote/vote.component.ts @@ -6,13 +6,15 @@ import {SiteService, VoteData} from '@api'; import {AuthService} from '@services/auth.service'; import {interval, Subscription} from 'rxjs'; import {TimeAgoPipe} from '@pipes/TimeAgoPipe'; +import {MatIconModule} from '@angular/material/icon'; @Component({ selector: 'app-vote', standalone: true, imports: [ HeaderComponent, - TimeAgoPipe + TimeAgoPipe, + MatIconModule, ], templateUrl: './vote.component.html', styleUrl: './vote.component.scss' @@ -98,6 +100,6 @@ export class VoteComponent implements OnInit, OnDestroy { if (!voteInfo) { return true; } - return (voteInfo.lastVoteTimestamp - now.getTime() > 86400000) + return (now.getTime() - voteInfo.lastVoteTimestamp < 86400000) } }