fix: floating-vue style

nuxt · May 27, 2024 · 7b7dc32 · 7b7dc32
1 parent 946f930
commit 7b7dc32
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 }