+1 -1

src/components/Dropdown/DropdownModal.tsx

··· 38 38 animate={{ opacity: 1, x: 0 }} 39 39 exit={{ opacity: 0, x: 8 }} 40 40 transition={{ duration: 0.1, ease: "easeOut" }} 41 41 - className={`absolute right-0 z-50 origin-top-right cursor-default ${className}`} 41 41 + className={`absolute right-0 z-50 origin-top-right cursor-default shadow-xl ${className}`} 42 42 > 43 43 {children} 44 44 </motion.div>

+1 -1

src/components/Homepage/TrendingFeed.tsx

··· 18 18 } = useTrendingQuery(); 19 19 20 20 return ( 21 21 - <div className="flex flex-col gap-4 p-4"> 21 21 + <div className="flex flex-col gap-4 p-4 pb-6"> 22 22 {isTrendingLoading ? ( 23 23 <> 24 24 <p>

+1 -1

src/components/Nav/Footer.tsx

··· 4 4 5 5 export const Footer = () => { 6 6 return ( 7 7 - <div className="border-overlay0 mt-6 flex w-screen flex-col items-center gap-2 border-t pt-6 pb-6"> 7 7 + <div className="border-overlay0 flex w-screen flex-col items-center gap-2 border-t pt-6 pb-6"> 8 8 <span> 9 9 <UnderlineRouterLink to="/isuggest.selfce.st/strand"> 10 10 Strand

+8 -6

src/routes/_layout/$identifier/index.tsx

··· 74 74 /> 75 75 ))} 76 76 </div> 77 77 - <div className="bg-surface0 w-fit"> 78 78 - <p>{JSON.stringify(miniDocQueryData)}</p> 79 79 - <Avatar 80 80 - uri={avatarUri} 81 81 - className="outline-overlay0 h-48 rounded-full outline" 82 82 - /> 77 77 + <div className="border-overlay0 border-t w-full bg-surface0 min-h-screen"> 78 78 + <div className="bg-surface0 w-fit"> 79 79 + <p>{JSON.stringify(miniDocQueryData)}</p> 80 80 + <Avatar 81 81 + uri={avatarUri} 82 82 + className="outline-overlay0 h-48 rounded-full outline" 83 83 + /> 84 84 + </div> 83 85 </div> 84 86 </div> 85 87 );