From b630db0860b69176bb514aebce664ca1135a3f91 Mon Sep 17 00:00:00 2001
From: Garfield Lee <Garfield550@users.noreply.github.com>
Date: Sun, 1 Mar 2026 01:55:19 +0800
Subject: [PATCH] fix(stage-ui): add bottom padding to settings data and
 ripple-grid layouts (#1053)

---
 packages/stage-pages/src/pages/settings/data/index.vue         | 2 +-
 packages/stage-ui/src/components/layouts/ripple-grid/index.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/stage-pages/src/pages/settings/data/index.vue b/packages/stage-pages/src/pages/settings/data/index.vue
index 6429f6e6f..d89efe845 100644
--- a/packages/stage-pages/src/pages/settings/data/index.vue
+++ b/packages/stage-pages/src/pages/settings/data/index.vue
@@ -86,7 +86,7 @@ async function handleImport(event: Event) {
 </script>
 
 <template>
-  <div class="flex flex-col gap-4">
+  <div class="flex flex-col gap-4 pb-4">
     <div class="border-2 border-neutral-200/50 rounded-xl bg-white/70 p-4 shadow-sm dark:border-neutral-800/60 dark:bg-neutral-900/60">
       <div class="grid grid-cols-1 items-start gap-3 md:grid-cols-[minmax(0,1fr)_auto]">
         <div class="flex flex-col gap-1 md:max-w-[560px]">
diff --git a/packages/stage-ui/src/components/layouts/ripple-grid/index.vue b/packages/stage-ui/src/components/layouts/ripple-grid/index.vue
index 7fe492e5f..5b1dd0454 100644
--- a/packages/stage-ui/src/components/layouts/ripple-grid/index.vue
+++ b/packages/stage-ui/src/components/layouts/ripple-grid/index.vue
@@ -93,7 +93,7 @@ function handleItemClick(item: TItem, globalIndex: number) {
       </div>
 
       <div
-        class="grid gap-4"
+        class="grid gap-4 pb-4"
         :style="{
           gridTemplateColumns: `repeat(${currentCols}, minmax(0, 1fr))`,
         }"