fix: floating-vue style

Author: antfu

packages/devtools/client/app.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import 'floating-vue/dist/style.css'
+import '@vue/devtools-applet/style.css'
 import 'vanilla-jsoneditor/themes/jse-theme-dark.css'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 import './styles/global.css'

packages/devtools/client/pages/modules/components-tree.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { Components as VueComponents } from '@vue/devtools-applet'
-import '@vue/devtools-applet/style.css'
 
 const { connected } = useVueDevToolsState()
 const client = useClient()

packages/devtools/client/pages/modules/pinia.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { Pinia } from '@vue/devtools-applet'
-import '@vue/devtools-applet/style.css'
 
 const { connected } = useVueDevToolsState()
 

packages/devtools/client/styles/global.css

@@ -22,7 +22,7 @@ html.dark {
 .v-popper--theme-dropdown .v-popper__inner,
 .v-popper--theme-tooltip .v-popper__inner {
   --at-apply: bg-base text-black dark-text-white;
-  --at-apply: rounded border border-base shadow;
+  --at-apply: rounded border border-base! shadow;
   box-shadow: 0 6px 30px #0000001a;
 }