increase right column paddings

This commit is contained in:
Martti Malmi 2023-11-27 22:57:48 +02:00
parent 6190f3cd9d
commit 31129fab2c
2 changed files with 5 additions and 5 deletions

View File

@ -114,7 +114,7 @@ export function HasNotificationsMarker() {
if (hasNotifications) { if (hasNotifications) {
return ( return (
<div className="relative"> <div className="relative">
<span className="has-unread absolute top-0 right-0 rounded-full "></span> <span className="has-unread absolute top-0 right-0 rounded-full"></span>
</div> </div>
); );
} }

View File

@ -10,26 +10,26 @@ export default function RightColumn() {
const show = !hideRightColumnPaths.some(path => location.pathname.startsWith(path)); const show = !hideRightColumnPaths.some(path => location.pathname.startsWith(path));
return ( return (
<div <div
className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen p-2 border-l border-neutral-900", { className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen py-3 px-4 border-l border-neutral-900", {
"lg:flex": show, "lg:flex": show,
})}> })}>
<div> <div>
<SearchBox /> <SearchBox />
</div> </div>
<div className="overflow-y-auto hide-scrollbar"> <div className="overflow-y-auto hide-scrollbar">
<div className="bg-superdark rounded-lg p-2 mt-8"> <div className="bg-superdark rounded-lg py-3 px-4 mt-8">
<div className="font-bold text-lg"> <div className="font-bold text-lg">
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" /> <FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
</div> </div>
<TrendingHashtags short={true} count={5} /> <TrendingHashtags short={true} count={5} />
</div> </div>
<div className="bg-superdark rounded-lg p-2 mt-8"> <div className="bg-superdark rounded-lg py-3 px-4 mt-8">
<div className="font-bold text-lg"> <div className="font-bold text-lg">
<FormattedMessage defaultMessage="Trending notes" id="6k7xfM" /> <FormattedMessage defaultMessage="Trending notes" id="6k7xfM" />
</div> </div>
<TrendingNotes small={true} count={5} /> <TrendingNotes small={true} count={5} />
</div> </div>
<div className="bg-superdark rounded-lg p-2 mt-8"> <div className="bg-superdark rounded-lg py-3 px-4 mt-8">
<div className="font-bold text-lg"> <div className="font-bold text-lg">
<FormattedMessage defaultMessage="Trending users" id="arZnG2" /> <FormattedMessage defaultMessage="Trending users" id="arZnG2" />
</div> </div>