Skip to content

Commit ea28d14

Browse files
committed
up
1 parent 479ba03 commit ea28d14

5 files changed

Lines changed: 12 additions & 21 deletions

File tree

documentation/components/SalaryComponent.html

Lines changed: 5 additions & 9 deletions
Large diffs are not rendered by default.

src/app/features/salary/salary.component.css

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,10 +29,6 @@
2929
animation: slideUp 0.4s ease-out;
3030
}
3131

32-
.animate-pulse-slow {
33-
animation: pulse 3s infinite;
34-
}
35-
3632
.animate-bounce-subtle {
3733
animation: bounce 2s infinite;
3834
}

src/app/features/salary/salary.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,20 +49,20 @@
4949
class="relative overflow-hidden text-white transition-all duration-500 rounded-3xl group animate-slide-up"
5050
[ngClass]="viewMode === 'salary' ? 'shadow-2xl shadow-indigo-500/20' : 'shadow-2xl shadow-emerald-500/20'">
5151

52-
<div class="absolute inset-0 bg-gradient-to-br from-indigo-600 via-purple-600 to-indigo-800 transition-opacity duration-1000 ease-in-out"
52+
<div class="absolute inset-0 bg-gradient-to-br from-indigo-600 via-purple-600 to-indigo-800 transition-opacity duration-500 ease-in-out"
5353
[class.opacity-100]="viewMode === 'salary'" [class.opacity-0]="viewMode !== 'salary'">
5454
</div>
5555

56-
<div class="absolute inset-0 bg-gradient-to-br from-emerald-600 via-teal-600 to-emerald-800 transition-opacity duration-1000 ease-in-out"
56+
<div class="absolute inset-0 bg-gradient-to-br from-emerald-600 via-teal-600 to-emerald-800 transition-opacity duration-500 ease-in-out"
5757
[class.opacity-100]="viewMode === 'budget'" [class.opacity-0]="viewMode !== 'budget'">
5858
</div>
5959

60-
<div class="absolute top-0 right-0 p-4 transition-all duration-1000 transform"
60+
<div class="absolute top-0 right-0 p-4 transition-all duration-500 transform"
6161
[ngClass]="viewMode === 'salary' ? 'opacity-20 translate-y-0 rotate-12' : 'opacity-0 translate-y-4 rotate-0'">
6262
<i class="fa-solid fa-sack-dollar text-9xl"></i>
6363
</div>
6464

65-
<div class="absolute top-0 right-0 p-4 transition-all duration-1000 transform"
65+
<div class="absolute top-0 right-0 p-4 transition-all duration-500 transform"
6666
[ngClass]="viewMode === 'budget' ? 'opacity-20 translate-y-0 rotate-12' : 'opacity-0 translate-y-4 rotate-0'">
6767
<i class="fa-solid fa-chart-pie text-9xl"></i>
6868
</div>

src/index.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>Expense Wise</title>
88

99
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
10-
<meta name="theme-color" content="#8f91ea" />
10+
<meta name="theme-color" content="#6366f1" />
1111

1212
<!-- Primary Meta Tags -->
1313
<meta name="title" content="Expense Wise" />
@@ -35,7 +35,6 @@
3535
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
3636

3737
<link rel="manifest" href="manifest.webmanifest">
38-
<meta name="theme-color" content="#8f91ea">
3938
</head>
4039

4140
<body>

src/styles.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
:root {
2-
--theme-color: #8f91ea;
2+
--theme-color: #6366f1;
33

44
--color-bg: #ffffff;
55
--color-bg-100: #ffffff;
@@ -68,7 +68,7 @@
6868
}
6969

7070
.dark {
71-
--theme-color: #8f91ea;
71+
--theme-color: #6366f1;
7272

7373
--color-bg: #000000;
7474
--color-bg-100: #111827;

0 commit comments

Comments
 (0)