XiongAmao / vue-easy-lightbox

A tiny lightbox component for Vue.js 3.0 :tada::tada: https://xiongamao.github.io/vue-easy-lightbox/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Buttons next and last image with multi image not align using vue 3 ts

skatesham opened this issue · comments

commented

Why?
Install Vue3 and vue-easy-lightbox@next
And using "hello world" using type option and composition api
The buttons are not align as live demo.
Screenshot from 2022-12-06 16-39-26

As the above image show, the next and last button are on the up side of the view.

npm init vue@latest // "vue": "^3.2.45",
+
Code: https://onycat.com/vue-easy-lightbox/guide/#basic-usage-in-sfc

Hi,
I can't reproduce this issue, can you provide a repo?

Same problem as Skatesham! Button alignment on top of screen :(

added this:

:deep(.vel-btns-wrapper) {
width : 100%;
height : 100%;
}

But now it doesnt close when clicking outside image

@Ramon1987
HI, can you provide a simple repo or some code?
I'm not sure what the problem is.

Same problem as Skatesham! Button alignment on top of screen :(

added this:

:deep(.vel-btns-wrapper) { width : 100%; height : 100%; }

But now it doesnt close when clicking outside image

Works for me. Thanks!

@skatesham @Ramon1987 @rafalfigura
Hi, guys

This issue has been fixed in v1.12.0.