search

naver / egjs-view360

360 integrated viewing solution
https://naver.github.io/egjs-view360/
MIT License
500 stars 90 forks source link

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

Open dmitry-brazhenko opened 1 year ago

dmitry-brazhenko commented 1 year ago

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 commented 1 year ago

@dmitry-brazhenko

Could you try setting the css globally?

:global(.view360-wrapper) {}
dmitry-brazhenko commented 1 year ago

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