Álvaro Valenzuela Valdes commited on
Commit
40fe703
·
1 Parent(s): e75fbac

🎨 UI Fix: Prominent Save Profile button using correct cyan color

Browse files
frontend/components/CompanyProfile.tsx CHANGED
@@ -99,13 +99,16 @@ export default function CompanyProfile({ profile, onSave }: Props) {
99
  />
100
  </label>
101
 
102
- <button
103
- type="button"
104
- onClick={handleSave}
105
- className="rounded-3xl bg-cyan-500 px-6 py-4 font-semibold text-slate-950 transition hover:bg-cyan-400"
106
- >
107
- Save Profile
108
- </button>
 
 
 
109
  </div>
110
  );
111
  }
 
99
  />
100
  </label>
101
 
102
+ <div className="flex justify-start pt-4">
103
+ <button
104
+ type="button"
105
+ onClick={handleSave}
106
+ className="group relative overflow-hidden rounded-2xl bg-cyan px-8 py-4 font-bold text-slate-950 transition hover:bg-sky hover:scale-[1.02] active:scale-[0.98] shadow-lg shadow-cyan/20"
107
+ >
108
+ <span className="relative z-10">Save Profile</span>
109
+ <div className="absolute inset-0 bg-gradient-to-r from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
110
+ </button>
111
+ </div>
112
  </div>
113
  );
114
  }