fix icon sposor, email truncate

This commit is contained in:
2026-05-16 12:38:03 +07:00
parent e652279b41
commit f3065a5717
2 changed files with 6 additions and 6 deletions
+3 -3
View File
@@ -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>