Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Nested level, miscalculation. #8

Closed
jcs090218 opened this issue May 19, 2020 · 1 comment
Closed

Nested level, miscalculation. #8

jcs090218 opened this issue May 19, 2020 · 1 comment
Labels
bug Something isn't working

Comments

@jcs090218
Copy link
Member

  • Changing the first div in this code made changes to the wrong place:
code 
export const NavBarLayout = ({ children, pageTitle }: Props) => (
  <>
    <Head>
      <title>{pageTitle}</title>
    </Head>
    <div className="h-screen flex flex-col overflow-y-hidden">
      <nav className="border-b border-b-4">
        <div className="px-4 sm:px-6 lg:px-8">
          <div className="flex items-center justify-between h-16">
            <div className="flex items-center">
              <div className="flex-shrink-0 text-center flex items-center">
                <img
                  className="mx-auto h-6 w-auto"
                  src="/other-logo.svg"
                  alt="Other Logo"
                />
                <span className="mx-4 text-4xl">+</span>
                <img
                  className="mx-auto h-16 w-auto transform"
                  style={{ '--transform-rotate': '14deg' } as any}
                  src="/logo.png"
                />
              </div>
            </div>
          </div>
        </div>
      </nav>
      <div className="bg-white shadow-sm">
        <div className="py-4 px-4 sm:px-6 lg:px-8">
          <h1 className="text-lg leading-6 font-semibold text-gray-900">
            {pageTitle}
          </h1>
        </div>
      </div>
      <div className="flex flex-1 py-6 overflow-y-hidden bg-cool-gray-100">
        {children}
      </div>
    </div>
  </>
)

Refer to #3 (comment)
@jcs090218
Copy link
Member Author

Fixed by this 8f97da8

@jcs090218 jcs090218 added the bug Something isn't working label May 19, 2020
@jcs090218 jcs090218 mentioned this issue May 19, 2020
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@jcs090218