jalil/achat-maison-albi-fr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update color scheme in AnnouncementBanner component

Browse source 
Color scheme for the text and hover effect within the 'AnnouncementBanner' component has been updated for better visibility and user interface aesthetics. The changes predominantly involve the adjustment of 'text-neutral' and 'text-neutral-hover' classes in the Astro component file. These changes are expected to greatly enhance user readability and overall UI experience.
This commit is contained in:
Emil Gulamov 2024-02-25 03:46:27 +04:00
parent 4bd23d612e
commit 32e163e9b5
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/ui/banners/AnnouncementBanner.astro
View file

@ -19,12 +19,12 @@ interface Props {
<div class="flex items-center justify-center">
<div class="ml-auto">
<p
class="me-2 inline-block font-medium text-neutral-300 dark:text-neutral-700"
class="me-2 inline-block font-medium text-neutral-50 dark:text-neutral-700"
>
{title}
</p>
<a
class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 px-3 py-2 text-sm font-semibold text-neutral-300 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-100/70 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-neutral-700 dark:hover:border-neutral-700/70 dark:hover:text-neutral-800/70 dark:focus:outline-none"
class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 px-3 py-2 text-sm font-semibold text-neutral-50 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-50/70 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-neutral-700 dark:hover:border-neutral-700/70 dark:hover:text-neutral-800/70 dark:focus:outline-none"
href={url}
target="_blank"
>