365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor Header component for improved styling and user interaction

Browse Source 
- Removed unnecessary spacing in the header layout for a cleaner appearance.
- Enhanced the contact link with additional hover styles for better user experience and visual feedback.
This commit is contained in:
Richard Bergsma
2025-06-07 15:44:57 +02:00
parent 9b2fe7607f
commit 40e345a9f8
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/widgets/Header.astro
View File

@@ -187,11 +187,11 @@ const {
]} ]}
> >
<div class="items-center flex justify-between w-full md:w-auto"> <div class="items-center flex justify-between w-full md:w-auto">
<div class="flex items-center space-x-4"> <div class="flex items-center">
{showToggleTheme && <ToggleTheme iconClass="w-6 h-6 md:w-5 md:h-5 md:inline-block" />} {showToggleTheme && <ToggleTheme iconClass="w-6 h-6 md:w-5 md:h-5 md:inline-block" />}
{/* Contact Icon */} {/* Contact Icon */}
{contactLink && ( {contactLink && (
<a href={contactLink.href} aria-label="Contact" title="Contact" class="hover:text-link dark:hover:text-white flex items-center"> <a href={contactLink.href} aria-label="Contact" title="Contact" class="hover:text-link dark:hover:text-white flex items-center hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg p-2.5 transition-colors duration-200 mr-[10px]">
<Icon name="tabler:mail" class="w-6 h-6" /> <Icon name="tabler:mail" class="w-6 h-6" />
</a> </a>
)} )}