Fix issue #490: characters in header cannot be displayed horizontally

This commit is contained in:
prototypa
2024-10-10 02:05:33 -04:00
parent 21830b3d58
commit 37916f7253

View File

@@ -90,7 +90,7 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
<li class={links?.length ? 'dropdown' : ''}> <li class={links?.length ? 'dropdown' : ''}>
{links?.length ? ( {links?.length ? (
<> <>
<button type="button" class="hover:text-link dark:hover:text-white px-4 py-3 flex items-center"> <button type="button" class="hover:text-link dark:hover:text-white px-4 py-3 flex items-center whitespace-nowrap">
{text}{' '} {text}{' '}
<Icon name="tabler:chevron-down" class="w-3.5 h-3.5 ml-0.5 rtl:ml-0 rtl:mr-0.5 hidden md:inline" /> <Icon name="tabler:chevron-down" class="w-3.5 h-3.5 ml-0.5 rtl:ml-0 rtl:mr-0.5 hidden md:inline" />
</button> </button>
@@ -113,7 +113,7 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
) : ( ) : (
<a <a
class:list={[ class:list={[
'hover:text-link dark:hover:text-white px-4 py-3 flex items-center', 'hover:text-link dark:hover:text-white px-4 py-3 flex items-center whitespace-nowrap',
{ 'aw-link-active': href === currentPath }, { 'aw-link-active': href === currentPath },
]} ]}
href={href} href={href}