search

themesberg / flowbite-vue

Official Vue 3 components built for Flowbite and Tailwind CSS
https://flowbite-vue.com
MIT License
727 stars 116 forks source link

Accordion panel missing border-bottom and wrong border-radius #238

Open Cry0nicS opened 10 months ago

Cry0nicS commented 10 months ago

Description

I found 2 issues with the accordion:

  1. The bottom border is wrongly calculated for the accordion panels. As a result, if there are exactly 3 panels in the accordion, the last one will have a border bottom. Otherwise, there won't be any border.
  2. Somehow, the second panel has a border-radius. Seems like a bug.

Here's a very quick GIF to show both issues. chrome_apdMdJqOd8

Reproduction

Sandbox: https://codesandbox.io/p/sandbox/confident-chaum-y2wnw6?file=%2Fpages%2Findex.vue%3A9%2C16

Versions

"flowbite": "^1.8.1",
"flowbite-vue": "^0.0.17",

I'm using it with Nuxt 3.8.0 and Tailwind 3.3.3 - but shouldn't matter.

jayel74 commented 9 months ago

same here, is there a workaround?