egjs-view360 icon indicating copy to clipboard operation
egjs-view360 copied to clipboard

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

Open dmitry-brazhenko opened this issue 1 year ago • 2 comments

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

dmitry-brazhenko avatar Jul 02 '23 23:07 dmitry-brazhenko

@dmitry-brazhenko

Could you try setting the css globally?

:global(.view360-wrapper) {}

daybrush avatar Jul 03 '23 03:07 daybrush

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

dmitry-brazhenko avatar Jul 03 '23 10:07 dmitry-brazhenko