From 94b62fb0b462094c8709d0aedc8b0601fa0ffdb5 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Tue, 16 Apr 2024 10:08:32 +0800
Subject: [PATCH] style(console): minor custom jwt page style iteration (#5711)

minor custom jwt page styles iteration
---
 .../MainContent/SettingsSection/InstructionTab/index.tsx     | 3 ++-
 .../PageLoadingSkeleton/index.module.scss                    | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/console/src/pages/CustomizeJwtDetails/MainContent/SettingsSection/InstructionTab/index.tsx b/packages/console/src/pages/CustomizeJwtDetails/MainContent/SettingsSection/InstructionTab/index.tsx
index feee79af6..489222de8 100644
--- a/packages/console/src/pages/CustomizeJwtDetails/MainContent/SettingsSection/InstructionTab/index.tsx
+++ b/packages/console/src/pages/CustomizeJwtDetails/MainContent/SettingsSection/InstructionTab/index.tsx
@@ -53,7 +53,8 @@ function InstructionTab({ isActive }: Props) {
               ? accessTokenPayloadTypeDefinition
               : clientCredentialsPayloadTypeDefinition
           }
-          height="320px"
+          // ClientCredentials token payload has only a few fields, so it doesn't need to be as tall as the AccessToken payload.
+          height={tokenType === LogtoJwtTokenKeyType.AccessToken ? '320px' : '200px'}
           theme="logto-dark"
           options={typeDefinitionCodeEditorOptions}
         />
diff --git a/packages/console/src/pages/CustomizeJwtDetails/PageLoadingSkeleton/index.module.scss b/packages/console/src/pages/CustomizeJwtDetails/PageLoadingSkeleton/index.module.scss
index 8986a550e..f9be76686 100644
--- a/packages/console/src/pages/CustomizeJwtDetails/PageLoadingSkeleton/index.module.scss
+++ b/packages/console/src/pages/CustomizeJwtDetails/PageLoadingSkeleton/index.module.scss
@@ -11,6 +11,11 @@
 
     &:first-child {
       margin-right: _.unit(3);
+      flex: 9;
+    }
+
+    &:last-child {
+      flex: 7;
     }
   }
 }