3-column layout #699
@ -6,25 +6,25 @@ 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 sticky top-0 h-screen p-2 border-l border-neutral-900">
|
||||||
<div>
|
<div>
|
||||||
<SearchBox />
|
<SearchBox />
|
||||||
</div>
|
</div>
|
||||||
<div className="overflow-y-auto h-[calc(100vh-4rem)]"> {/* Adjusted for scrollbar and spacing */}
|
<div className="overflow-y-auto">
|
||||||
<div>
|
<div className="bg-superdark rounded-lg p-2 mt-8">
|
||||||
<div className="font-bold">
|
<div className="font-bold text-lg">
|
||||||
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
|
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
|
||||||
</div>
|
</div>
|
||||||
<TrendingHashtags count={5} />
|
<TrendingHashtags count={5} />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div className="bg-superdark rounded-lg p-2 mt-8">
|
||||||
<div className="font-bold">
|
<div className="font-bold text-lg">
|
||||||
<FormattedMessage defaultMessage="Trending notes" id="6k7xfM" />
|
<FormattedMessage defaultMessage="Trending notes" id="6k7xfM" />
|
||||||
</div>
|
</div>
|
||||||
<TrendingNotes count={5} />
|
<TrendingNotes count={5} />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div className="bg-superdark rounded-lg p-2 mt-8">
|
||||||
<div className="font-bold">
|
<div className="font-bold text-lg">
|
||||||
<FormattedMessage defaultMessage="Trending users" id="arZnG2" />
|
<FormattedMessage defaultMessage="Trending users" id="arZnG2" />
|
||||||
</div>
|
</div>
|
||||||
<TrendingUsers count={5} />
|
<TrendingUsers count={5} />
|
||||||
|
Loading…
Reference in New Issue
Block a user