diff --git a/client/src/assets/CatchUP.png b/client/src/assets/CatchUP.png
new file mode 100644
index 0000000..41cc3e0
Binary files /dev/null and b/client/src/assets/CatchUP.png differ
diff --git a/client/src/components/GaugeChart.vue b/client/src/components/GaugeChart.vue
index f24173f..0bb7336 100644
--- a/client/src/components/GaugeChart.vue
+++ b/client/src/components/GaugeChart.vue
@@ -1,108 +1,3 @@
-
-
@@ -206,4 +100,4 @@ const cssTransformRotateValue = computed(() => {
}
- -->
+
diff --git a/client/src/views/ProductOverview.vue b/client/src/views/ProductOverview.vue
index 3c8de8e..a381c37 100644
--- a/client/src/views/ProductOverview.vue
+++ b/client/src/views/ProductOverview.vue
@@ -8,14 +8,14 @@
- This item is getting trendy
-
+
- Item interest is prop
-
+
+ The interest is highly positive
+
@@ -26,6 +26,7 @@ import { onMounted, ref, type Ref } from 'vue';
import Chart from 'chart.js/auto';
import { useRoute, useRouter } from 'vue-router';
import BackArrowIcon from '../components/icons/BackArrowIcon.vue';
+import OverviewCard from '../components/OverviewCard.vue';
import GaugeChart from '../components/GaugeChart.vue';
import productService from '../services/product-service';
import Navbar from '../components/Navbar.vue';
@@ -120,6 +121,7 @@ h2{
.product-page {
display: flex;
flex-direction: column;
+ align-items: center;
padding: 1rem;
header {
@@ -136,10 +138,6 @@ h2{
line-height: normal;
margin-left: 1rem;
}
-
-
-
-
}
}
@@ -149,5 +147,10 @@ h2{
background: transparent;
}
+.chart {
+ margin-top: 2rem;
+ width: 250px;
+ height: 140px;
+}