got bg-images working with passing in url

2025-07-03 13:35:22 -04:00
parent 633b2a997a
commit 2b607590d9
8 changed files with 116 additions and 18 deletions
@@ -33,7 +33,7 @@ export default function Dropdown(props: Props) {
        <>
            <div className="relative">
                <Button
-                    className="hover:text-britton-light font-semibold text-lg uppercase"
+                    className="hover:text-britton-light font-semibold text-lg"
                    onClick={toggle}
                >{item.title}</Button>
                <div className={`absolute top-8 z-30 w-[150px] flex flex-col bg-stone-300 text-sm rounded-md ${transClass}`}>
@@ -42,14 +42,14 @@ export default function Dropdown(props: Props) {
                            <>
                                <Link
                                    key={item.route}
-                                    className="hover:bg-britton-dark hover:text-britton-neutral text-center px-2 py-1"
+                                    className="hover:bg-britton-medium hover:text-britton-neutral text-center px-2 py-1"
                                    href={item?.route || ''}
                                    onClick={toggle}
                                >
                                    {item.title}
                                </Link>
                                <div className={classnames(
-                                        "h-px bg-britton-accent",
+                                        "h-px bg-britton-accent mx-2",
                                        {"hidden" : isLastItem(item)}
                                    )}
                                />