search

gfazioli / mantine-split-pane

A React component that manages split panes allows users to divide and resize content areas within a layout efficiently.
https://gfazioli.github.io/mantine-split-pane/
MIT License
12 stars 1 forks source link

Split bar always transparent #6

Closed marawangamal closed 3 weeks ago

marawangamal commented 1 month ago

I am using the latest release 0.3.5 and the split bar is always transparent. However, on hover it has the specified colour.

gfazioli commented 1 month ago

@marawangamal you mean

image
gfazioli commented 1 month ago

@marawangamal which browser are you using?

image
marawangamal commented 1 month ago

Yes. It sometimes happens not always.

I had this import in my main entry point (App.tsx) import '@gfazioli/mantine-split-pane/styles.css';

and this import my layout component (LayoutSplit.tsx) import '@gfazioli/mantine-split-pane/styles.layer.css';

I think removing import '@gfazioli/mantine-split-pane/styles.layer.css'; fixes it

gfazioli commented 1 month ago

@marawangamal you can find more about layer here https://mantine.dev/styles/mantine-styles/#css-layers but I don't think you need to use that. It's only for edge cases

let me know if we can close this issue