fix: correct grid styling issue (#4889)

packages/effects/plugins/src/vxe-table/style.css

@@ -81,7 +81,8 @@
 }
 
 .vxe-tools--operate {
-  @apply ml-3;
+  margin-right: 0.25rem;
+  margin-left: 0.75rem;
 }
 
 .vxe-table-custom--checkbox-option:hover {
@@ -93,6 +94,7 @@
 }
 
 .vxe-buttons--wrapper:not(:empty),
+.vxe-tools--operate:not(:empty),
 .vxe-tools--wrapper:not(:empty) {
   padding: 0.6em 0;
 }

packages/effects/plugins/src/vxe-table/use-vxe-grid.vue

@@ -32,7 +32,7 @@ import { useTableForm } from './init';
 
 import 'vxe-table/styles/cssvar.scss';
 import 'vxe-pc-ui/styles/cssvar.scss';
-import './theme.css';
+import './style.css';
 
 interface Props extends VxeGridProps {
   api: ExtendedVxeGridApi;
@@ -270,7 +270,7 @@ onUnmounted(() => {
       ref="gridRef"
       :class="
         cn(
-          'p-2',
+          'p-2 pt-0',
           {
             'pt-0': showToolbar && !formOptions,
           },