diff --git a/src/components/home/DailyInsightCard/DailyInsightCard.css b/src/components/home/DailyInsightCard/DailyInsightCard.css index 6aaf16a..5145a68 100644 --- a/src/components/home/DailyInsightCard/DailyInsightCard.css +++ b/src/components/home/DailyInsightCard/DailyInsightCard.css @@ -196,44 +196,4 @@ .daily-insight__tip svg { color: var(--color-primary); flex-shrink: 0; -} - -/* Trend Chart */ -.trend-chart { - display: flex; - align-items: flex-end; - justify-content: space-between; - height: 60px; - padding-top: 10px; - gap: 4px; -} - -.trend-bar-wrapper { - flex: 1; - height: 100%; - display: flex; - align-items: flex-end; - justify-content: center; -} - -.trend-bar { - width: 60%; - background: rgba(var(--color-text-rgb), 0.1); - border-radius: 4px; - transition: all 0.3s ease; - min-height: 4px; -} - -.trend-bar--today { - background: var(--color-primary); - box-shadow: 0 0 8px rgba(var(--color-primary-rgb), 0.4); -} - -.trend-bar--max { - background: var(--color-warning, #F59E0B); -} - -/* If today is also max, give it a special gradient */ -.trend-bar--today.trend-bar--max { - background: linear-gradient(to top, var(--color-primary), var(--color-warning, #F59E0B)); } \ No newline at end of file diff --git a/src/components/home/DailyInsightCard/DailyInsightCard.tsx b/src/components/home/DailyInsightCard/DailyInsightCard.tsx index f1f1b61..67d595e 100644 --- a/src/components/home/DailyInsightCard/DailyInsightCard.tsx +++ b/src/components/home/DailyInsightCard/DailyInsightCard.tsx @@ -154,29 +154,7 @@ export const DailyInsightCard: React.FC = ({

{spendingInsight.text}

- {/* 7-Day Trend Chart */} - {last7DaysSpend && last7DaysSpend.length > 0 && ( -
- 近7天趋势 -
- {last7DaysSpend.map((amount, index) => { - const maxVal = Math.max(...last7DaysSpend, 1); - const heightPercent = Math.max((amount / maxVal) * 100, 10); // Min 10% height - const isToday = index === last7DaysSpend.length - 1; - const isMax = amount === maxVal && amount > 0; - return ( -
-
-
- ); - })} -
-
- )}