NguyenThanhToan/ipv6-sims
1
0
Fork 0
forked from UKSOURCE/ipv6
Code Pull Requests Activity

fix icon sposor, email truncate

Browse Source
This commit is contained in:
xuanduong
2026-05-16 12:38:03 +07:00
parent e652279b41
commit f3065a5717
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/sponsor/SponsorContact.tsx
+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>
app/components/sponsor/SponsorItemBased.tsx
+3 -3
View File
@@ -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>