novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update case detail page color scheme to brand red

Browse Source
This commit is contained in:
张翔
2026-02-26 21:29:48 +08:00
parent 702b3296bc
commit e72d678521
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(marketing)/cases/[id]/client.tsx
+9 -9
View File
@@ -115,9 +115,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
</div>
</section>
<section className="bg-gradient-to-br from-[#F5F7FA] to-white rounded-2xl p-8 border border-[#4F46E5]/20">
<section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
<div className="flex items-center gap-3 mb-6">
<div className="w-12 h-12 bg-[#4F46E5] rounded-xl flex items-center justify-center">
<div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
<Target className="w-6 h-6 text-white" />
</div>
<h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -127,8 +127,8 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
<div className="space-y-4">
{caseItem.tags.map((tag, index) => (
<div key={tag} className="flex items-start gap-3">
<div className="w-8 h-8 bg-[#4F46E5]/10 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
<span className="text-[#4F46E5] font-semibold">{index + 1}</span>
<div className="w-8 h-8 bg-[#C41E3A]/10 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
<span className="text-[#C41E3A] font-semibold">{index + 1}</span>
</div>
<div>
<h3 className="font-semibold text-[#1C1C1C] mb-1">{tag}</h3>
@@ -176,9 +176,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
</div>
</section>
<section className="bg-gradient-to-br from-[#F5F7FA] to-white rounded-2xl p-8 border border-[#4F46E5]/20">
<section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
<div className="flex items-center gap-3 mb-6">
<div className="w-12 h-12 bg-[#4F46E5] rounded-xl flex items-center justify-center">
<div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
<Award className="w-6 h-6 text-white" />
</div>
<h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -191,10 +191,10 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
return (
<div
key={result.label}
className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#4F46E5] transition-colors"
className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors"
>
<Icon className="w-8 h-8 text-[#4F46E5] mb-3" />
<div className="text-2xl font-semibold text-[#4F46E5] mb-1">
<Icon className="w-8 h-8 text-[#C41E3A] mb-3" />
<div className="text-2xl font-semibold text-[#C41E3A] mb-1">
{result.value}
</div>
<div className="text-sm text-[#737373]">{result.label}</div>