jwt-decoder: Improve layout

eliandoran · Jul 6, 2024 · f9106ca · f9106ca
1 parent c67d46b
commit f9106ca
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/routes/jwt-decoder/+page.svelte b/src/routes/jwt-decoder/+page.svelte
@@ -61,7 +61,7 @@
                 </div>
             </StackView>
 
-            <StackView title="Payload" hasPadding={false} fill={true}>
+            <StackView title="Payload" hasPadding={false} isCollapsible={false} fill={true}>
                 <div class="codemirror-outer-wrapper payload">
                     <CodeMirror
                         value={formattedPayload}                
@@ -85,6 +85,8 @@
 
     div[slot="right"] {
         flex-grow: 1;
+        display: flex;
+        flex-direction: column;
         height: 100%;
     }
 
@@ -100,6 +102,6 @@
     }
 
     .codemirror-outer-wrapper.header {
-        min-height: 6em;
+        min-height: 9em;
     }
 </style>