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

svelte-view360: How to use "fullscreen" instead of "is-16by9" #424

Open
dmitry-brazhenko opened this issue Jul 2, 2023 · 2 comments
Open
Labels
❓ Question Questions about View360

Comments

@dmitry-brazhenko
Copy link

Description

I want to make the 360 view full screen via svelte-view360

Here is an example: https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/demo/App.svelte
I tried to make it fulltime, but did not succeed.

Could you provide some help?

Looks like I need style smth like this:

.view360-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
Thanks

@daybrush
Copy link
Member

daybrush commented Jul 3, 2023

@dmitry-brazhenko

Could you try setting the css globally?

:global(.view360-wrapper) {}

@daybrush daybrush added the ❓ Question Questions about View360 label Jul 3, 2023
@dmitry-brazhenko
Copy link
Author

I was able to fix it by modifying import "@egjs/view360/css/view360.css"; and adding custom css file. This approach worked for me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
❓ Question Questions about View360
Projects
None yet
Development

No branches or pull requests

2 participants