Fixes /more page + fixes multiple duration badge on BookingPage (#8200)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
pull/8200/merge
sean-brydon 2023-04-11 16:21:24 +01:00 committed by GitHub
parent 6f2312d1e2
commit c33f424333
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions

View File

@ -132,9 +132,9 @@ const BookingDescription: FC<Props> = (props) => {
variant="gray"
className={classNames(
duration === dur.toString()
? "bg-darkgray-200 text-darkgray-900 dark:bg-darkmodebrand dark:!text-darkmodebrandcontrast"
: "hover:bg-darkgray-200 dark:hover:bg-darkmodebrand hover:text-darkgray-900 dark:hover:text-darkmodebrandcontrast dark:bg-darkgray-200 bg-emphasis text-emphasis dark:text-inverted",
"cursor-pointer"
? "bg-emphasis border-emphasis text-emphasis "
: "bg-subtle text-default border-transparent ",
"cursor-pointer border"
)}
onClick={() => {
setDuration(dur);

View File

@ -715,7 +715,7 @@ const MobileNavigationMoreItem: React.FC<{
if (!shouldDisplayNavigationItem) return null;
return (
<li className="border-b last:border-b-0" key={item.name}>
<li className="border-subtle border-b last:border-b-0" key={item.name}>
<Link href={item.href} className="hover:bg-subtle flex items-center justify-between p-5">
<span className="text-default flex items-center font-semibold ">
{item.icon && <item.icon className="h-5 w-5 flex-shrink-0 ltr:mr-3 rtl:ml-3" aria-hidden="true" />}
@ -912,7 +912,7 @@ function TopNav() {
}
export const MobileNavigationMoreItems = () => (
<ul className="mt-2 rounded-md border">
<ul className="border-subtle mt-2 rounded-md border">
{mobileNavigationMoreItems.map((item) => (
<MobileNavigationMoreItem key={item.name} item={item} />
))}