mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix(ui): smooth icon hover transition on certificate download

Browse Source
This commit is contained in:
Marc Mintel
2026-08-03 09:28:48 +02:00
parent 38ff51d95c
commit 3a216b3961
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/blocks/CertificatesBlock.tsx
View File

@@ -208,7 +208,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
</p> </p>
</div> </div>
<div className={`mt-auto inline-flex items-center text-sm font-bold uppercase tracking-wider transition-all ${ <div className={`mt-auto inline-flex items-center gap-2 text-sm font-bold uppercase tracking-wider transition-all duration-300 ${
cert.pdfUrl ? 'group-hover:gap-3' : '' cert.pdfUrl ? 'group-hover:gap-3' : ''
} ${ } ${
isIso ? 'text-primary-light' : 'text-primary' isIso ? 'text-primary-light' : 'text-primary'
@@ -216,7 +216,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
{cert.pdfUrl ? ( {cert.pdfUrl ? (
<> <>
<span>Download PDF</span> <span>Download PDF</span>
<Download size={16} className="ml-2 group-hover:translate-y-0.5 transition-transform" /> <Download size={16} className="group-hover:translate-y-0.5 transition-transform" />
</> </>
) : ( ) : (
<span className="text-neutral-400">Nachweis liegt vor</span> <span className="text-neutral-400">Nachweis liegt vor</span>