From f3065a57174d1a70153accd50f4b2ef77a560c80 Mon Sep 17 00:00:00 2001
From: DuongNguyendev <dn250621@gmail.com>
Date: Sat, 16 May 2026 12:38:03 +0700
Subject: [PATCH] fix icon sposor, email truncate

---
 app/components/sponsor/SponsorContact.tsx   | 6 +++---
 app/components/sponsor/SponsorItemBased.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/sponsor/SponsorContact.tsx b/app/components/sponsor/SponsorContact.tsx
index 8ec93a9..42ce20e 100644
--- a/app/components/sponsor/SponsorContact.tsx
+++ b/app/components/sponsor/SponsorContact.tsx
@@ -36,7 +36,7 @@ export default function SponsorContact({ data }: { data: SponsorContactData }) {
                     <div className="w-13 h-13 shrink-0 border border-primary/20 bg-primary/5 rounded-xl flex items-center justify-center group-hover:border-primary/50 group-hover:bg-primary/10 transition-all duration-300">
                       <span className="material-symbols-outlined text-primary text-2xl">call</span>
                     </div>
-                    <div className="min-w-0">
+                    <div>
                       <p className="font-[var(--font-label-caps)] text-[10px] font-bold tracking-[0.2em] uppercase text-primary mb-1 opacity-60">
                         {data.phone.label}
                       </p>
@@ -53,11 +53,11 @@ export default function SponsorContact({ data }: { data: SponsorContactData }) {
                     <div className="w-13 h-13 shrink-0 border border-primary/20 bg-primary/5 rounded-xl flex items-center justify-center group-hover:border-primary/50 group-hover:bg-primary/10 transition-all duration-300">
                       <span className="material-symbols-outlined text-primary text-2xl">mail</span>
                     </div>
-                    <div className="min-w-0">
+                    <div>
                       <p className="font-[var(--font-label-caps)] text-[10px] font-bold tracking-[0.2em] uppercase text-primary mb-1 opacity-60">
                         {data.email.label}
                       </p>
-                      <p className="font-[var(--font-display-lg)] text-base text-on-surface truncate">
+                      <p className="font-[var(--font-display-lg)] text-sm lg:text-base text-on-surface whitespace-nowrap">
                         {data.email.value}
                       </p>
                     </div>
diff --git a/app/components/sponsor/SponsorItemBased.tsx b/app/components/sponsor/SponsorItemBased.tsx
index 90cc76f..13d14a4 100644
--- a/app/components/sponsor/SponsorItemBased.tsx
+++ b/app/components/sponsor/SponsorItemBased.tsx
@@ -43,9 +43,9 @@ export default function SponsorItemBased({ data }: { data: SponsorItemBasedData
           {data.items.map((item) => (
             <div
               key={item.title}
-              className="glass-panel p-8 rounded-3xl group hover:bg-surface-container-high transition-all duration-500 transform hover:-translate-y-2 border-primary/10 flex flex-col items-center text-center"
+              className="glass-panel p-8 rounded-3xl group transition-all duration-500 border-primary/10 flex flex-col items-center text-center"
             >
-              <div className="w-14 h-14 gold-gradient-bg rounded-2xl flex items-center justify-center mb-6 rotate-3 group-hover:rotate-0 transition-transform duration-500 shadow-xl shadow-primary/20">
+              <div className="w-14 h-14 gold-gradient-bg rounded-2xl flex items-center justify-center mb-6 transition-transform duration-500 shadow-xl shadow-primary/20">
                 <span className="material-symbols-outlined text-on-primary text-2xl">
                   {item.icon}
                 </span>
@@ -84,7 +84,7 @@ export default function SponsorItemBased({ data }: { data: SponsorItemBasedData
                   {h.title}
                 </p>
               </div>
-              <div className="w-16 h-16 lg:w-24 lg:h-24 rounded-2xl bg-primary/10 flex items-center justify-center group-hover:scale-110 group-hover:rotate-6 transition-all duration-500 flex-shrink-0 ml-6">
+              <div className="w-16 h-16 lg:w-24 lg:h-24 rounded-2xl bg-primary/10 flex items-center justify-center group-hover:scale-110 transition-all duration-500 flex-shrink-0 ml-6">
                 <span className="material-symbols-outlined text-primary text-3xl lg:text-5xl">
                   {h.icon}
                 </span>