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

3-column layout #699

Merged
mmalmi merged 68 commits from mmalmi/snort:main into main 2023-11-27 15:22:53 +00:00
Conversation 0 Commits 68 Files Changed 67 +8 -8
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 62e99a4ed4 - Show all commits

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

@ -6,25 +6,25 @@ import { FormattedMessage } from "react-intl";
export default function RightColumn() {
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>
<SearchBox />
</div>
<div className="overflow-y-auto h-[calc(100vh-4rem)]"> {/* Adjusted for scrollbar and spacing */}
<div>
<div className="font-bold">
<div className="overflow-y-auto">
<div className="bg-superdark rounded-lg p-2 mt-8">
<div className="font-bold text-lg">
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
</div>
<TrendingHashtags count={5} />
</div>
<div>
<div className="font-bold">
<div className="bg-superdark rounded-lg p-2 mt-8">
<div className="font-bold text-lg">
<FormattedMessage defaultMessage="Trending notes" id="6k7xfM" />
</div>
<TrendingNotes count={5} />
</div>
<div>
<div className="font-bold">
<div className="bg-superdark rounded-lg p-2 mt-8">
<div className="font-bold text-lg">
<FormattedMessage defaultMessage="Trending users" id="arZnG2" />
</div>
<TrendingUsers count={5} />