Переработал HoverIcon, чтобы его можно было использовать в <p>

This commit is contained in:
Иван Кузьменко 2025-09-30 00:23:29 +03:00
parent 632620484d
commit 9722448c36
4 changed files with 22 additions and 16 deletions

View file

@ -11,11 +11,11 @@
const sm = new MediaQuery('width >= 40rem', false);
</script>
<a {href} class="{className} group inline-block" target={isLinkLocal(href) ? '_self' : '_blank'}>
<a {href} class="{className} group inline-block no-underline" target={isLinkLocal(href) ? '_self' : '_blank'}>
<span
class="inline-block size-6 rounded-sm bg-emerald-800 p-0.5 align-bottom transition-all group-hover:scale-110 sm:size-8 sm:rounded-xl sm:p-1"
>
<HoverIcon src={customIcon ?? tryGetIcon(href)} text={href} size={sm.current ? 24 : 20} />
<HoverIcon src={customIcon ?? tryGetIcon(href)} size={sm.current ? 24 : 20} />
</span>
<span class="text-emerald-900 underline">
<slot />