修改首页目录表格样式

app/components/content/ButtonGroup.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="button-group">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+// ButtonGroup 组件用于水平排列多个按钮
+</script>
+
+<style scoped>
+.button-group {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+}
+
+/* 确保按钮之间有合适的间距 */
+.button-group > * {
+  flex-shrink: 0;
+}
+</style>