Clean up (#1481)
This commit is contained in:
parent
441b251536
commit
fb496431e8
@ -1,5 +1,4 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { DataService } from '@ghostfolio/client/services/data.service';
|
||||
|
||||
@Component({
|
||||
host: { class: 'page' },
|
||||
@ -8,14 +7,5 @@ import { DataService } from '@ghostfolio/client/services/data.service';
|
||||
templateUrl: './black-friday-2022-page.html'
|
||||
})
|
||||
export class BlackFriday2022PageComponent {
|
||||
public discount: number;
|
||||
|
||||
public constructor(private dataService: DataService) {
|
||||
const { subscriptions } = this.dataService.fetchInfo();
|
||||
|
||||
const coupon = subscriptions?.[0]?.coupon ?? 0;
|
||||
const price = subscriptions?.[0]?.price ?? 1;
|
||||
|
||||
this.discount = Math.floor((coupon / price) * 100) / 100;
|
||||
}
|
||||
public constructor() {}
|
||||
}
|
||||
|
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<section class="mb-4">
|
||||
<p>
|
||||
Get {{ discount | percent }} off on our
|
||||
Get 75% off on our
|
||||
<strong>Ghostfolio Premium</strong>
|
||||
<gf-premium-indicator
|
||||
class="d-inline-block ml-1"
|
||||
|
@ -1,16 +1,3 @@
|
||||
<div
|
||||
*ngIf="!user || user?.subscription?.type === 'Basic'"
|
||||
class="intro mb-5 py-5"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h1 class="font-weight-bold m-0 text-center">Black Friday Deal</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
@ -11,20 +11,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.intro {
|
||||
background-color: rgb(var(--dark-primary-text));
|
||||
color: rgba(var(--palette-primary-500), 1);
|
||||
|
||||
h1 {
|
||||
font-size: 4vw;
|
||||
line-height: 1;
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mat-card {
|
||||
&:hover,
|
||||
&.active {
|
||||
@ -36,8 +22,4 @@
|
||||
|
||||
:host-context(.is-dark-theme) {
|
||||
color: rgb(var(--light-primary-text));
|
||||
|
||||
.intro {
|
||||
background-color: rgba(var(--light-dividers));
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user