fix: page spinner is styled incorrectly when scrolling (#4163)

* feat: add contributor information to documents

* fix: page spinner is styled incorrectly when scrolling

playground/src/views/demos/features/clipboard/index.vue

@@ -4,7 +4,7 @@ import { ref } from 'vue';
 import { Page } from '@vben/common-ui';
 
 import { useClipboard } from '@vueuse/core';
-import { Button, Input } from 'ant-design-vue';
+import { Button, Card, Input } from 'ant-design-vue';
 
 const source = ref('Hello');
 const { copy, text } = useClipboard({ source });
@@ -12,12 +12,14 @@ const { copy, text } = useClipboard({ source });
 
 <template>
   <Page title="剪切板示例">
-    <p class="mb-3">
-      Current copied: <code>{{ text || 'none' }}</code>
-    </p>
-    <Input.Group class="flex">
-      <Input v-model:value="source" placeholder="请输入" />
-      <Button type="primary" @click="copy(source)"> Copy </Button>
-    </Input.Group>
+    <Card title="基本使用">
+      <p class="mb-3">
+        Current copied: <code>{{ text || 'none' }}</code>
+      </p>
+      <div class="flex">
+        <Input class="mr-3 flex w-[200px]" />
+        <Button type="primary" @click="copy(source)"> Copy </Button>
+      </div>
+    </Card>
   </Page>
 </template>

playground/src/views/demos/features/full-screen/index.vue

@@ -31,7 +31,7 @@ const { isFullscreen: isDomFullscreen, toggle: toggleDom } =
       </div>
     </Card>
 
-    <Card class="mt-3" title="Dom Full Screen">
+    <Card class="mt-5" title="Dom Full Screen">
       <Button type="primary" @click="toggleDom"> Enter Dom Full Screen </Button>
     </Card>