Fixes /more page + fixes multiple duration badge on BookingPage (#8200)
Co-authored-by: Peer Richelsen <peeroke@gmail.com>pull/8200/merge
parent
6f2312d1e2
commit
c33f424333
|
@ -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);
|
||||
|
|
|
@ -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} />
|
||||
))}
|
||||
|
|
Loading…
Reference in New Issue