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' : ''}>
{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}{' '}
<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>
@@ -113,7 +113,7 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
) : (
<a
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 },
]}
href={href}