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

left nav layout
Some checks failed
continuous-integration/drone/pr Build is failing
Details

Browse Source
This commit is contained in:
Martti Malmi 2023-11-22 15:24:30 +02:00
parent c5bc1cdbe7
commit 131e564bd0
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/src/Pages/Layout/NavSidebar.tsx
View File

@ -43,7 +43,7 @@ export default function NavSidebar() {
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<div className="sticky items-center xl:items-start border-r border-neutral-900 top-0 z-20 h-screen max-h-screen hidden md:flex xl:w-56 flex-col px-2 py-4 flex-shrink-0 gap-4"> <div className="sticky items-center xl:items-start border-r border-neutral-900 top-0 z-20 h-screen max-h-screen hidden md:flex xl:w-56 flex-col px-2 py-4 flex-shrink-0 gap-2 xl:gap-3">
<LogoHeader /> <LogoHeader />
<div className="flex-grow flex flex-col justify-between"> <div className="flex-grow flex flex-col justify-between">
<div className="flex flex-col items-center xl:items-start font-bold text-lg"> <div className="flex flex-col items-center xl:items-start font-bold text-lg">
@ -55,10 +55,10 @@ export default function NavSidebar() {
<NavLink <NavLink
key={item.link} key={item.link}
to={item.link} to={item.link}
className="py-4 hover:no-underline hover:text-nostr-purple flex flex-row items-center" className="xl:ml-1 py-4 hover:no-underline hover:text-nostr-purple flex flex-row items-center"
activeClassName="bg-neutral-800 text-neutral-200"> activeClassName="bg-neutral-800 text-neutral-200">
<Icon name={item.icon} size={24} /> <Icon name={item.icon} size={24} />
<span className="hidden xl:inline ml-2">{item.label}</span> <span className="hidden xl:inline ml-3">{item.label}</span>
</NavLink> </NavLink>
); );
})} })}
@ -70,7 +70,7 @@ export default function NavSidebar() {
<div className="mt-2"> <div className="mt-2">
<button onClick={() => navigate("/login/sign-up")} className="flex flex-row items-center primary"> <button onClick={() => navigate("/login/sign-up")} className="flex flex-row items-center primary">
<Icon name="sign-in" size={24} /> <Icon name="sign-in" size={24} />
<span className="hidden xl:inline ml-2"> <span className="hidden xl:inline ml-3">
<FormattedMessage defaultMessage="Sign up" id="8HJxXG" /> <FormattedMessage defaultMessage="Sign up" id="8HJxXG" />
</span> </span>
</button> </button>
@ -83,7 +83,7 @@ export default function NavSidebar() {
<ProfileLink pubkey={publicKey} user={profile}> <ProfileLink pubkey={publicKey} user={profile}>
<div className="flex flex-row items-center font-bold text-md"> <div className="flex flex-row items-center font-bold text-md">
<Avatar pubkey={publicKey} user={profile} size={40} /> <Avatar pubkey={publicKey} user={profile} size={40} />
<span className="hidden xl:inline ml-2">{profile?.name}</span> <span className="hidden xl:inline ml-3">{profile?.name}</span>
</div> </div>
</ProfileLink> </ProfileLink>
</> </>