increase right column paddings
This commit is contained in:
parent
6190f3cd9d
commit
31129fab2c
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user