fix: hide devtools completely on close

[hi-reeve]

🐛 The bug

this is when devtools open

this is when devtools close

the devtools left behind an unseen container.

when i shrink down the devtools

shrinked down devtools when close

🛠️ To reproduce

-

🌈 Expected behavior

the devtools close completely.

ℹ️ Additional context

i use unocss as module

[hi-reeve]

my bad this happen because i set css selector * to have background color and the devtools background color also change, this we can have some improvement on this so that the devtools does not effect by css selector *

[arashsheyda]

we can do something like this but it's not a good solution

*:not(.nuxt-devtools-[x]) {
    ....
}

this would require a lot of classing and I don't think it's a good idea, so we can just not use * {...}

let us know if you have a better solution, thanks

[jiblett1000]

@hi-reeve If you enable the "close DevTools on outside click" option and then click outside the window, it closes the devtools button thing as well.

[hoanghonn]

Curious if this is fixed yet? I am still seeing a white blank container on closing down Devtools.

[antfu]

I couldn't help without a proper minimal reproduction - this sounds like a userland-style conflict.