From 9f91938a962fcaf14827a420139520f43b12b040 Mon Sep 17 00:00:00 2001
From: Ilya Oleshko <ilya.oleshko@onlyoffice.com>
Date: Thu, 18 Jan 2024 14:19:08 +0300
Subject: [PATCH] PortalSettings: SDK: Added border for preview

---
 .../categories/developer-tools/JavascriptSDK/index.js     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
index 0c5a24f59c..e738596a42 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/JavascriptSDK/index.js
@@ -169,6 +169,11 @@ const Frame = styled(Box)`
       min-width: ${props.width ? props.width : "100%"};
       min-height: ${props.height ? props.height : "400px"};
     }
+
+    #${props.targetId}-loader {
+      border-radius: 6px;
+      border: 1px solid #d0d5da;
+    }
   `}
 `;
 
@@ -528,7 +533,8 @@ const PortalIntegration = (props) => {
           color={currentColorScheme?.main?.accent}
           fontSize="12px"
           fontWeight="400"
-          onClick={() => window.open(sdkLink, "_blank")}>
+          onClick={() => window.open(sdkLink, "_blank")}
+        >
           {t("APILink")}.
         </Link>
         <CSP t={t} />