From 78d65286e59f3788c7caf388fe8997ccf8693bc0 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Thu, 27 Nov 2025 20:56:04 +0800
Subject: [PATCH] feat: replace div with LinearBorderPanel for improved layout
 and styling in StorageProvidersManager

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../components/StorageProvidersManager.tsx          | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/be/apps/dashboard/src/modules/storage-providers/components/StorageProvidersManager.tsx b/be/apps/dashboard/src/modules/storage-providers/components/StorageProvidersManager.tsx
index 441730ac..d5a2f4d1 100644
--- a/be/apps/dashboard/src/modules/storage-providers/components/StorageProvidersManager.tsx
+++ b/be/apps/dashboard/src/modules/storage-providers/components/StorageProvidersManager.tsx
@@ -325,15 +325,22 @@ export function StorageProvidersManager() {
             transition={Spring.presets.smooth}
             className="col-span-full"
           >
-            <div className="bg-background-tertiary border-fill-tertiary flex flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center">
+            <LinearBorderPanel className="bg-background-tertiary border-fill-tertiary flex flex-col items-center justify-center gap-3 p-8 text-center">
               <div className="space-y-1">
                 <p className="text-text-secondary text-sm">{t(storageProvidersI18nKeys.empty.title)}</p>
                 <p className="text-text-tertiary text-xs">{t(storageProvidersI18nKeys.empty.description)}</p>
               </div>
-              <Button type="button" size="sm" variant="primary" onClick={handleAddProvider} disabled={!schemaReady}>
+              <Button
+                type="button"
+                size="sm"
+                className="mt-4"
+                variant="primary"
+                onClick={handleAddProvider}
+                disabled={!schemaReady}
+              >
                 {t(storageProvidersI18nKeys.empty.action)}
               </Button>
-            </div>
+            </LinearBorderPanel>
           </m.div>
         )}
       </m.div>