info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-07 17:56:32 +02:00
Code Issues Releases Wiki Activity

Add related guides on mobile

Browse Source
This commit is contained in:
Kamran Ahmed
2024-11-27 20:27:04 +05:00
parent 8d841b1bf2
commit addf973c81
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Guide/RelatedGuides.tsx
View File

@@ -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}