From 7b7dc32edebb2ea9b1fa5662b588dcbf78ff5726 Mon Sep 17 00:00:00 2001
From: Anthony Fu <github@antfu.me>
Date: Mon, 27 May 2024 12:24:26 +0200
Subject: [PATCH] fix: floating-vue style

---
 packages/devtools/client/app.vue                           | 1 +
 packages/devtools/client/pages/modules/components-tree.vue | 1 -
 packages/devtools/client/pages/modules/pinia.vue           | 1 -
 packages/devtools/client/styles/global.css                 | 2 +-
 4 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/devtools/client/app.vue b/packages/devtools/client/app.vue
index f894fb5b5..a8013df56 100644
--- a/packages/devtools/client/app.vue
+++ b/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'
diff --git a/packages/devtools/client/pages/modules/components-tree.vue b/packages/devtools/client/pages/modules/components-tree.vue
index b9fa9f8f6..6671a5295 100644
--- a/packages/devtools/client/pages/modules/components-tree.vue
+++ b/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()
diff --git a/packages/devtools/client/pages/modules/pinia.vue b/packages/devtools/client/pages/modules/pinia.vue
index 12693adbd..c5ed3350d 100644
--- a/packages/devtools/client/pages/modules/pinia.vue
+++ b/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()
 
diff --git a/packages/devtools/client/styles/global.css b/packages/devtools/client/styles/global.css
index c3399de39..77140b746 100644
--- a/packages/devtools/client/styles/global.css
+++ b/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;
 }