From 609b2fc6ab542e15415d1c2ec76494587440f79f Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Tue, 29 Mar 2022 00:34:13 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4Loading=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=BC=80=E6=94=BE=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E5=8D=95=E9=A1=B5=E5=AE=B9=E5=99=A8=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/plugins/com.msgbyte.openapi/src/MainPanel/index.tsx | 2 +-
 web/src/components/Loading.tsx                          | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/plugins/com.msgbyte.openapi/src/MainPanel/index.tsx b/web/plugins/com.msgbyte.openapi/src/MainPanel/index.tsx
index fe44f917..c3809e35 100644
--- a/web/plugins/com.msgbyte.openapi/src/MainPanel/index.tsx
+++ b/web/plugins/com.msgbyte.openapi/src/MainPanel/index.tsx
@@ -46,7 +46,7 @@ const OpenApiMainPanel: React.FC = React.memo(() => {
   };
 
   return (
-    <Loading spinning={loading}>
+    <Loading spinning={loading} style={{ height: '100%' }}>
       <div className="plugin-openapi-main-panel">
         {appInfo ? (
           <OpenAppInfoProvider appInfo={appInfo} refresh={refresh}>
diff --git a/web/src/components/Loading.tsx b/web/src/components/Loading.tsx
index b3ea10ca..dca0d61a 100644
--- a/web/src/components/Loading.tsx
+++ b/web/src/components/Loading.tsx
@@ -1,14 +1,17 @@
+import clsx from 'clsx';
 import React from 'react';
 import { LoadingSpinner } from './LoadingSpinner';
 
 interface LoadingProps {
   spinning: boolean;
+  className?: string;
+  style?: React.CSSProperties;
 }
 export const Loading: React.FC<LoadingProps> = React.memo((props) => {
-  const { spinning = false } = props;
+  const { spinning = false, className, style } = props;
 
   return (
-    <div className="relative">
+    <div className={clsx('relative', className)} style={style}>
       {spinning && (
         <div className="absolute inset-0 z-10 bg-white bg-opacity-20 flex justify-center items-center">
           <LoadingSpinner />