fix: floating-vue style

antfu · antfu · commit 7b7dc32edebb · 2024-05-27T12:24:26.000+02:00
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;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ html.dark {`
`22`	`22`	`.v-popper--theme-dropdown .v-popper__inner,`
`23`	`23`	`.v-popper--theme-tooltip .v-popper__inner {`
`24`	`24`	`--at-apply: bg-base text-black dark-text-white;`
`25`		`- --at-apply: rounded border border-base shadow;`
	`25`	`+ --at-apply: rounded border border-base! shadow;`
`26`	`26`	`box-shadow: 0 6px 30px #0000001a;`
`27`	`27`	`}`
`28`	`28`