search

labsforge / flipbook-ng

Angular flipbook component
7 stars 4 forks source link

Make it responsive #5

Closed Valentinbel closed 2 years ago

Valentinbel commented 2 years ago

Hello, I can't find how make it responsive. Can you help on this? Many thanks for your work.

labsforge commented 2 years ago

Hey! sorry late response.. It already supports, you need to calculate the view scale according the viewport you are using: https://github.com/labsforge/flipbook-ng/blob/8c7e55fe3ef21e3e8dab706458bafcf2a2deb1e0/projects/flipbook-app/src/app/app.component.ts#L114

Valentinbel commented 2 years ago

Hey, anoher question, Do you have any tricks to avoid this vertical white line between the two pages? (for example, this line appears in your flipbook_demo.gif). Many thanks

labsforge commented 2 years ago

Pages are just divs with background images, the 3D transform on css probably doing this subpixel gaps, I think this is something I can't really fix... If you find any workaround, feel free to create a pull-request :)