Kieran/snort
5
14
Fork 14
Code Issues 36 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

scrollable trending column

Browse Source
This commit is contained in:
Martti Malmi 2023-11-22 14:13:40 +02:00
parent f9e7bc8558
commit e97b9bdba4
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/app/src/Pages/Layout/RightColumn.tsx
View File

@ -6,27 +6,29 @@ import { FormattedMessage } from "react-intl";
export default function RightColumn() { export default function RightColumn() {
return ( return (
<div className="flex-col hidden lg:flex lg:w-1/3 sticky top-0 h-screen p-2 border-l border-neutral-900 gap-8"> <div className="flex-col hidden lg:flex lg:w-1/3 h-screen p-2 border-l border-neutral-900 gap-8">
<div> <div className="sticky top-0">
<SearchBox /> <SearchBox />
</div> </div>
<div> <div className="overflow-y-auto flex-grow">
<div className="font-bold"> <div>
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" /> <div className="font-bold">
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
</div>
<TrendingHashtags count={5} />
</div> </div>
<TrendingHashtags count={5} /> <div>
</div> <div className="font-bold">
<div> <FormattedMessage defaultMessage="Trending notes" id="6k7xfM" />
<div className="font-bold"> </div>
<FormattedMessage defaultMessage="Trending notes" id="6k7xfM" /> <TrendingNotes count={5} />
</div> </div>
<TrendingNotes count={5} /> <div>
</div> <div className="font-bold">
<div> <FormattedMessage defaultMessage="Trending users" id="arZnG2" />
<div className="font-bold"> </div>
<FormattedMessage defaultMessage="Trending users" id="arZnG2" /> <TrendingUsers count={5} />
</div> </div>
<TrendingUsers count={5} />
</div> </div>
</div> </div>
); );