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.

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

Gallery view is single column #288

Closed
jaypozo opened this issue Apr 28, 2022 · 3 comments
Closed

Gallery view is single column #288

jaypozo opened this issue Apr 28, 2022 · 3 comments

Comments

@jaypozo
Copy link

jaypozo commented Apr 28, 2022

I created a new page with a gallery view, similar to the index page. On this new page, the rendered page lists the sub pages in a single column.

Expected: gallery view is shown in two columns, as it is in Notion.

web page:
https://www.filmphoto.io/cameras

CleanShot 2022-04-28 at 16 02 04

Notion page:
https://jaypozo.notion.site/Cameras-461c95e6745c4dc6ac8646b50fc73198

CleanShot 2022-04-28 at 16 02 38

@transitive-bullshit
Copy link
Owner

transitive-bullshit commented Apr 29, 2022

Hmmm, https://nextjs-notion-starter-kit.transitivebullsh.it/ shows the main repo deployed without any changes.

The screenshots show that you've at least made additional changes beyond changing rootNotionPageId since it's using a custom header. So without knowing the full scope of additional changes, it's really difficult to try and reason about what might be wrong.

That being said, you're welcome to tweak the CSS in https://github.com/transitive-bullshit/nextjs-notion-starter-kit/blob/main/styles/notion.css to fit your needs.

@transitive-bullshit
Copy link
Owner

Ahhh I see what's going on.

Your main collection here https://www.filmphoto.io is formatted properly, but the collection on your subpage https://www.filmphoto.io/cameras isn't formatted properly, right?

I think the issue is https://github.com/transitive-bullshit/nextjs-notion-starter-kit/blob/main/styles/notion.css#L20-L22

This makes the home page slightly wider so it shows two columns by default, but on other pages this doesn't take effect by default. You'll need to tweak this to fix your issue.

@jaypozo
Copy link
Author

jaypozo commented May 2, 2022

Great, thank you!

@jaypozo jaypozo closed this as completed May 2, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants