Add related guides on mobile

pull/7804/head
Kamran Ahmed 5 days ago
parent 8d841b1bf2
commit addf973c81
  1. 8
      src/components/Guide/RelatedGuides.tsx

@ -24,14 +24,10 @@ export function RelatedGuides(props: RelatedGuidesProps) {
} }
return ( return (
<div <div className={cn('relative min-w-[250px] pt-0 lg:px-5 lg:pt-10')}>
className={cn(
'relative min-w-[250px] px-5 pt-0 max-lg:hidden lg:pt-10',
)}
>
<h4 className="text-lg font-medium max-lg:hidden">{relatedTitle}</h4> <h4 className="text-lg font-medium max-lg:hidden">{relatedTitle}</h4>
<button <button
className="flex w-full items-center justify-between gap-2 bg-gray-300 px-3 py-2 text-sm font-medium lg:hidden" className="flex border-b w-full items-center justify-between gap-2 bg-gray-300 px-3 py-2 text-sm font-medium lg:hidden"
onClick={() => setIsOpen(!isOpen)} onClick={() => setIsOpen(!isOpen)}
> >
{relatedTitle} {relatedTitle}

Loading…
Cancel
Save