Tweak padding/margin

This commit is contained in:
James Grugett 2022-04-03 23:37:14 -05:00
parent 7cd4b5d454
commit 3760cd576b
3 changed files with 4 additions and 4 deletions

View File

@ -30,7 +30,7 @@ export function getNavigationOptions(user?: User | null) {
export function ProfileSummary(props: { user: User | undefined }) { export function ProfileSummary(props: { user: User | undefined }) {
const { user } = props const { user } = props
return ( return (
<Row className="group avatar my-3 items-center gap-4 rounded-md py-3 text-gray-600 group-hover:bg-gray-100 group-hover:text-gray-900"> <Row className="group avatar items-center gap-4 rounded-md py-3 text-gray-600 group-hover:bg-gray-100 group-hover:text-gray-900">
<Avatar avatarUrl={user?.avatarUrl} username={user?.username} noLink /> <Avatar avatarUrl={user?.avatarUrl} username={user?.username} noLink />
<div className="truncate text-left"> <div className="truncate text-left">

View File

@ -104,11 +104,11 @@ export default function Sidebar() {
return ( return (
<nav aria-label="Sidebar" className="sticky top-4 divide-gray-300 pl-2"> <nav aria-label="Sidebar" className="sticky top-4 divide-gray-300 pl-2">
<div className="space-y-1 pb-4"> <div className="space-y-1 pb-6">
<ManifoldLogo hideText /> <ManifoldLogo hideText />
</div> </div>
<div style={{ minHeight: 93 }}> <div className="mb-2" style={{ minHeight: 80 }}>
{user ? ( {user ? (
<Link href={`/${user.username}`}> <Link href={`/${user.username}`}>
<a className="group"> <a className="group">

View File

@ -14,7 +14,7 @@ export function Page(props: {
<div> <div>
<div <div
className={clsx( className={clsx(
'mx-auto w-full pb-16 pt-6 lg:grid lg:grid-cols-12 lg:gap-8 xl:max-w-7xl', 'mx-auto w-full pb-14 lg:grid lg:grid-cols-12 lg:gap-8 lg:pt-6 xl:max-w-7xl',
margin && 'px-4' margin && 'px-4'
)} )}
> >